資訊專欄INFORMATION COLUMN
摘要：然而，的設(shè)計(jì)思想和他們不同，是包容而非競(jìng)爭(zhēng)。建立目的首先，本項(xiàng)目是為了端數(shù)據(jù)可視化而建立的，如果用更通俗的話說，就是為了方便使用繪制各種和圖形來反映統(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)給用戶顯得越來越重要，而其中，可交互的圖表目前看來會(huì)是一個(gè)不錯(cuò)的選擇。
目前開源項(xiàng)目中，2D和3D方面都已經(jīng)有非常優(yōu)秀的庫了，比如d3.js和three.js，特別是three.js對(duì)3D方面的改造，大大減低了開發(fā)難度。
然而，clay.js的設(shè)計(jì)思想和他們不同，是包容而非競(jìng)爭(zhēng)。
建立目的首先，本項(xiàng)目是為了Web端數(shù)據(jù)可視化而建立的，如果用更通俗的話說，就是為了方便使用HTML + CSS + ES繪制各種2D和3D圖形來反映統(tǒng)計(jì)的數(shù)據(jù)，并且繪制的圖形是可交互的。
和別的庫不同的是，clay關(guān)注的重點(diǎn)是繪圖過程中繁瑣的操作和復(fù)雜的計(jì)算部分，通過提供更友好的操作接口和豐富而基礎(chǔ)的計(jì)算接口來加速繪圖。除此之外，不會(huì)也不喜歡強(qiáng)迫使用者改變自己的代碼習(xí)慣，或者說在盡可能的情況下，保證靈活性。
設(shè)計(jì)思想設(shè)計(jì)的初衷是針對(duì)原生繪圖的加強(qiáng)，因此相對(duì)別的庫有以下優(yōu)點(diǎn)：
庫本身基本不存在跨瀏覽器問題；
足夠的靈活，且可以和別的庫很好的組合使用；
可擴(kuò)展性好，因?yàn)楸編斓暮诵乃枷胧窃訌?qiáng)，而不是替換；
庫文件小，節(jié)約帶寬。
為了提高代碼的復(fù)用性和開發(fā)效率，類似jQuery插件或VX組件的概念，通過一個(gè)個(gè)基于clay.js的組件，在保證庫文件足夠小的前提下，縮短開發(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://www.ezyhdfw.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ù)就...
摘要：需要說明目前，開發(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ā)庫引言如果你是一個(gè)游戲開發(fā)者，并且正在尋找一個(gè)可以與和無縫工作的游戲引擎。是另一個(gè)容易使用，適用于移動(dòng)設(shè)備和桌面的游戲引擎。是一個(gè)開源的用來創(chuàng)建使用高級(jí)技術(shù)和服務(wù)的游戲引擎。用于建立游戲和繪圖引擎。 推薦一些好用的 HTML5 & JavaScript 游戲引擎開發(fā)庫 0. 引言 如果你是一個(gè)游戲開發(fā)者，并且正在尋找一個(gè)可以與 JavaScript 和 HT...
閱讀 1398·2021-11-22 09:34
閱讀 2246·2021-10-08 10:18
閱讀 1796·2021-09-29 09:35
閱讀 2535·2019-08-29 17:20
閱讀 2196·2019-08-29 15:36
閱讀 3463·2019-08-29 13:52
閱讀 849·2019-08-29 12:29
閱讀 1245·2019-08-28 18:10
