成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

數(shù)據(jù)可視化之clay:設(shè)計思想和建立初衷

XFLY / 2537人閱讀

摘要:然而,的設(shè)計思想和他們不同,是包容而非競爭。建立目的首先,本項目是為了端數(shù)據(jù)可視化而建立的,如果用更通俗的話說,就是為了方便使用繪制各種和圖形來反映統(tǒng)計的數(shù)據(jù),并且繪制的圖形是可交互的。

作者:心葉
時間:2018-05-01 19:28

clay項目Github地址:https://github.com/yelloxing/...

項目背景

隨著大數(shù)據(jù)的發(fā)展和數(shù)據(jù)本身在日常生活中日益增長的價值,以更加友好的方式把數(shù)據(jù)呈現(xiàn)給用戶顯得越來越重要,而其中,可交互的圖表目前看來會是一個不錯的選擇。

目前開源項目中,2D和3D方面都已經(jīng)有非常優(yōu)秀的庫了,比如d3.js和three.js,特別是three.js對3D方面的改造,大大減低了開發(fā)難度。

然而,clay.js的設(shè)計思想和他們不同,是包容而非競爭。

建立目的

首先,本項目是為了Web端數(shù)據(jù)可視化而建立的,如果用更通俗的話說,就是為了方便使用HTML + CSS + ES繪制各種2D和3D圖形來反映統(tǒng)計的數(shù)據(jù),并且繪制的圖形是可交互的。

和別的庫不同的是,clay關(guān)注的重點是繪圖過程中繁瑣的操作和復雜的計算部分,通過提供更友好的操作接口和豐富而基礎(chǔ)的計算接口來加速繪圖。除此之外,不會也不喜歡強迫使用者改變自己的代碼習慣,或者說在盡可能的情況下,保證靈活性。

設(shè)計思想

設(shè)計的初衷是針對原生繪圖的加強,因此相對別的庫有以下優(yōu)點:

庫本身基本不存在跨瀏覽器問題;

足夠的靈活,且可以和別的庫很好的組合使用;

可擴展性好,因為本庫的核心思想是原生加強,而不是替換;

庫文件小,節(jié)約帶寬。

為了提高代碼的復用性和開發(fā)效率,類似jQuery插件或VX組件的概念,通過一個個基于clay.js的組件,在保證庫文件足夠小的前提下,縮短開發(fā)周期,也方便非前端人員使用。

用例

下面是基于clay繪制的一個簡單圖形,如果你對clay有興趣,可以加入我們.


文檔

文檔地址如下:https://yelloxing.github.io/c...

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/114261.html

相關(guān)文章

  • clay教程二布局的使用

    摘要:上圖是布局的計算模型。刪除方法刪除的只是布局保存的數(shù)據(jù),然后重繪畫面,如果你需要畫面平滑改變,修改繪圖實現(xiàn)方法即可,這里不再贅述。 作者:心葉時間:2018-11-06 14:47 clay項目Github地址:https://github.com/yelloxing/... 喜歡本項目的可以在github上給給star。 在繪制一些常見圖形的時候,比如關(guān)系圖,單個結(jié)點或連線并不難,麻...

    Forest10 評論0 收藏0
  • PHP新特性閉包、匿名函數(shù)

    摘要:閉包閉包是什么閉包和匿名函數(shù)在中被引入??梢詫⒛涿瘮?shù)和閉包視作相同的概念。閉包和字符串或整數(shù)一樣,是一等值類型。何時使用我們通常把閉包當做函數(shù)和方法的回調(diào)使用。 閉包 閉包是什么? 1).閉包和匿名函數(shù)在PHP5.3中被引入。2).閉包是指在創(chuàng)建時封裝函數(shù)周圍狀態(tài)的函數(shù),即使閉包所在的環(huán)境不存在了,閉包封裝的狀態(tài)依然存在,這一點和Javascript的閉包特性很相似。3).匿名函數(shù)就...

    luzhuqun 評論0 收藏0
  • 使用clay.js繪制一棵圓形樹

    摘要:需要說明目前,開發(fā)環(huán)境已經(jīng)準備好了,因為繪制樹圖,我們需要模擬數(shù)據(jù),你可以在這里下載數(shù)據(jù)我們要繪制一棵圓形樹,一點點顯示,你可以最終代碼,查看效果然后在瀏覽器中打開即可查看效果。余下的就是繪制圖形了。 作者:心葉時間:2019-01-23 17:55 溫馨提示:clay.js已經(jīng)停止維護,項目遷移到https://github.com/yelloxing/... 準備環(huán)境 我們需要用...

    FingerLiu 評論0 收藏0
  • 推薦一些好用的 HTML5 & JavaScript 游戲引擎開發(fā)庫

    摘要:推薦一些好用的游戲引擎開發(fā)庫引言如果你是一個游戲開發(fā)者,并且正在尋找一個可以與和無縫工作的游戲引擎。是另一個容易使用,適用于移動設(shè)備和桌面的游戲引擎。是一個開源的用來創(chuàng)建使用高級技術(shù)和服務(wù)的游戲引擎。用于建立游戲和繪圖引擎。 推薦一些好用的 HTML5 & JavaScript 游戲引擎開發(fā)庫 0. 引言 如果你是一個游戲開發(fā)者,并且正在尋找一個可以與 JavaScript 和 HT...

    happen 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<