<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          必須知道的JavaScript庫 - 可視化庫

          共 2207字,需瀏覽 5分鐘

           ·

          2022-02-18 03:13

          作者:wlove

          來源:SegmentFault  思否社區(qū) 


          Data Visualization 數(shù)據(jù)可視化工具推薦



          在研發(fā)團隊內(nèi)從0打造一個公司級可視化庫/工具可行性非常低(無論是成本還是是否具備能力等等...),綜上種種,今天推薦一些web方向現(xiàn)有的工具(包含實現(xiàn)概要,技術(shù)方向)來供大家參考使用。


          以下所有鏈接均為源代碼倉庫 。


          點贊 收藏 再也不要擔心有數(shù)據(jù)可視化找不到庫的煩惱了。


          • d3 - 用于HTML和SVG的JavaScript可視化庫.


          • metrics-graphics - 是一個構(gòu)建在D3之上的庫,針對時間序列數(shù)據(jù)的可視化和布局進行了優(yōu)化。



          • three.js - JavaScript 3D庫.


          • Chart.js - 使用Canvas的簡單HTML5圖表


          • paper.js - 矢量圖形– Scriptographer使用HTML5畫布移植到JavaScript和瀏覽器


          • fabric.js - JavaScript Canvas庫 同時提供SVG到Cnanvas(Canvas到SVG)解析器.


          • raphael - JavaScript 矢量圖形庫.


          • echarts - javascript 提供豐富的圖表以及可視化庫.


          • sigma.js - 專用于圖形繪制的JavaScript庫 Version1:canvas+svg Version2 : Webgl+canvas


          • visjs - 多個庫用于動態(tài)、基于瀏覽器的數(shù)據(jù)可視化。(下面截圖為network)


          • two.js - 一個與渲染器無關(guān)的web二維繪圖api。


          • dc.js - 多維圖表是為使用d3渲染的交叉過濾器進行本地工作而構(gòu)建的js


          • flot - 基于jQuery的JavaScript圖表.


          • nvd3 - 為d3構(gòu)建可重用的圖表和圖表組件js.


          • svg.js - 用于操縱SVG并為其設(shè)置動畫的輕量級庫。


          • dimple.js - d3支持的簡單商業(yè)分析圖表.


          • chartist-js - 簡單的響應(yīng)圖表。


          • epoch - 通用實時圖表庫.


          • c3 - 基于D3的可重用圖表庫。


          • BabylonJS - 一個用HTML5和WebGL構(gòu)建3D游戲的框架。


          • recharts - 使用React和D3重新定義圖表庫。


          • GraphicsJS - 一個基于SVG/VML技術(shù)的輕量級JavaScript圖形庫,具有直觀的API。


          • G2 - 是一套基于圖形語法理論的可視化底層引擎,面向常規(guī)統(tǒng)計類的圖表,可視化圖形語法。


          • G2Plot - 一套簡單、易用、并具備一定擴展能力和組合能力的統(tǒng)計圖表庫


          • Cytoscape.js -一個功能齊全的圖論庫.


          • cola.js - library for arranging your HTML5 documents and diagrams using constraint-based optimization techniques


          • jointjs - 圖表庫,用于創(chuàng)建靜態(tài)圖表或完全交互式的圖表工具。(包含免費以及/付費版本)


          • vizzu - 用于動畫數(shù)據(jù)可視化和數(shù)據(jù)故事的庫。




          網(wǎng)絡(luò)問題未截圖部分

          • mxGraph - Diagramming library that enables interactive graph and charting applications to be quickly created that run natively in any major browser that is supported by its vendor.

          • Frappe Charts - GitHub-inspired simple and modern SVG charts for the web with zero dependencies.

          • Frappe Gantt - A simple, interactive, modern gantt chart library for the web.

          • heatmap.js - 基于HTML5畫布的熱圖JavaScript庫。

          • jquery.sparkline - jQuery JavaScript庫的一個插件,用于直接在瀏覽器中生成小的迷你圖表.

          • d3-cloud - 在JavaScript中創(chuàng)建單詞云.


          其他一些付費產(chǎn)品



          amchart, anychart, plotly, highchart, lightning chart




          點擊左下角閱讀原文,到 SegmentFault 思否社區(qū) 和文章作者展開更多互動和交流,掃描下方”二維碼“或在“公眾號后臺回復“ 入群 ”即可加入我們的技術(shù)交流群,收獲更多的技術(shù)文章~

          - END -

          瀏覽 19
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  熟女‖熟女色网精品站 | 韩国三级HD中文久久车子 | 亚洲无码家庭 | 免费在线观看α片 | a在线视频免费 |