資訊專欄INFORMATION COLUMN
摘要：然而，的設(shè)計(jì)思想和他們不同，是包容而非競(jìng)爭(zhēng)。建立目的首先，本項(xiàng)目是為了端數(shù)據(jù)可視化而建立的，如果用更通俗的話說(shuō)，就是為了方便使用繪制各種和圖形來(lái)反映統(tǒng)計(jì)的數(shù)據(jù)，并且繪制的圖形是可交互的。
作者：心葉
時(shí)間：2018-05-01 19:28
clay項(xiàng)目Github地址：https://github.com/yelloxing/...
項(xiàng)目背景隨著大數(shù)據(jù)的發(fā)展和數(shù)據(jù)本身在日常生活中日益增長(zhǎng)的價(jià)值，以更加友好的方式把數(shù)據(jù)呈現(xiàn)給用戶顯得越來(lái)越重要，而其中，可交互的圖表目前看來(lái)會(huì)是一個(gè)不錯(cuò)的選擇。
目前開源項(xiàng)目中，2D和3D方面都已經(jīng)有非常優(yōu)秀的庫(kù)了，比如d3.js和three.js，特別是three.js對(duì)3D方面的改造，大大減低了開發(fā)難度。
然而，clay.js的設(shè)計(jì)思想和他們不同，是包容而非競(jìng)爭(zhēng)。
建立目的首先，本項(xiàng)目是為了Web端數(shù)據(jù)可視化而建立的，如果用更通俗的話說(shuō)，就是為了方便使用HTML + CSS + ES繪制各種2D和3D圖形來(lái)反映統(tǒng)計(jì)的數(shù)據(jù)，并且繪制的圖形是可交互的。
和別的庫(kù)不同的是，clay關(guān)注的重點(diǎn)是繪圖過(guò)程中繁瑣的操作和復(fù)雜的計(jì)算部分，通過(guò)提供更友好的操作接口和豐富而基礎(chǔ)的計(jì)算接口來(lái)加速繪圖。除此之外，不會(huì)也不喜歡強(qiáng)迫使用者改變自己的代碼習(xí)慣，或者說(shuō)在盡可能的情況下，保證靈活性。
設(shè)計(jì)思想設(shè)計(jì)的初衷是針對(duì)原生繪圖的加強(qiáng)，因此相對(duì)別的庫(kù)有以下優(yōu)點(diǎn)：
庫(kù)本身基本不存在跨瀏覽器問(wèn)題；
足夠的靈活，且可以和別的庫(kù)很好的組合使用；
可擴(kuò)展性好，因?yàn)楸編?kù)的核心思想是原生加強(qiáng)，而不是替換；
庫(kù)文件小，節(jié)約帶寬。
為了提高代碼的復(fù)用性和開發(fā)效率，類似jQuery插件或VX組件的概念，通過(guò)一個(gè)個(gè)基于clay.js的組件，在保證庫(kù)文件足夠小的前提下，縮短開發(fā)周期，也方便非前端人員使用。
用例下面是基于clay繪制的一個(gè)簡(jiǎn)單圖形，如果你對(duì)clay有興趣，可以加入我們.
文檔地址如下：https://yelloxing.github.io/c...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/114261.html
摘要：上圖是布局的計(jì)算模型。刪除方法刪除的只是布局保存的數(shù)據(jù)，然后重繪畫面，如果你需要畫面平滑改變，修改繪圖實(shí)現(xiàn)方法即可，這里不再贅述。 作者：心葉時(shí)間：2018-11-06 14:47 clay項(xiàng)目Github地址：https://github.com/yelloxing/... 喜歡本項(xiàng)目的可以在github上給給star。 在繪制一些常見圖形的時(shí)候，比如關(guān)系圖，單個(gè)結(jié)點(diǎn)或連線并不難，麻...
摘要：閉包閉包是什么閉包和匿名函數(shù)在中被引入。可以將匿名函數(shù)和閉包視作相同的概念。閉包和字符串或整數(shù)一樣，是一等值類型。何時(shí)使用我們通常把閉包當(dāng)做函數(shù)和方法的回調(diào)使用。 閉包 閉包是什么？ 1).閉包和匿名函數(shù)在PHP5.3中被引入。2).閉包是指在創(chuàng)建時(shí)封裝函數(shù)周圍狀態(tài)的函數(shù)，即使閉包所在的環(huán)境不存在了，閉包封裝的狀態(tài)依然存在，這一點(diǎn)和Javascript的閉包特性很相似。3).匿名函數(shù)就...
摘要：需要說(shuō)明目前，開發(fā)環(huán)境已經(jīng)準(zhǔn)備好了，因?yàn)槔L制樹圖，我們需要模擬數(shù)據(jù)，你可以在這里下載數(shù)據(jù)我們要繪制一棵圓形樹，一點(diǎn)點(diǎn)顯示，你可以最終代碼，查看效果然后在瀏覽器中打開即可查看效果。余下的就是繪制圖形了。 作者：心葉時(shí)間：2019-01-23 17:55 溫馨提示：clay.js已經(jīng)停止維護(hù)，項(xiàng)目遷移到https://github.com/yelloxing/... 準(zhǔn)備環(huán)境 我們需要用...
摘要：推薦一些好用的游戲引擎開發(fā)庫(kù)引言如果你是一個(gè)游戲開發(fā)者，并且正在尋找一個(gè)可以與和無(wú)縫工作的游戲引擎。是另一個(gè)容易使用，適用于移動(dòng)設(shè)備和桌面的游戲引擎。是一個(gè)開源的用來(lái)創(chuàng)建使用高級(jí)技術(shù)和服務(wù)的游戲引擎。用于建立游戲和繪圖引擎。 推薦一些好用的 HTML5 & JavaScript 游戲引擎開發(fā)庫(kù) 0. 引言 如果你是一個(gè)游戲開發(fā)者，并且正在尋找一個(gè)可以與 JavaScript 和 HT...
閱讀 1315·2021-11-22 09:34
閱讀 2178·2021-10-08 10:18
閱讀 1737·2021-09-29 09:35
閱讀 2471·2019-08-29 17:20
閱讀 2149·2019-08-29 15:36
閱讀 3412·2019-08-29 13:52
閱讀 790·2019-08-29 12:29
閱讀 1196·2019-08-28 18:10
