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