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

wlove發表於2022-02-11

Data Visualization 資料視覺化工具推薦

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

以下所有連結均為原始碼倉庫 。

點贊 收藏 再也不要擔心有資料視覺化找不到庫的煩惱了

  • d3 - 用於HTML和SVG的JavaScript視覺化庫.

image.png

  • metrics-graphics - 是一個構建在D3之上的庫,針對時間序列資料的視覺化和佈局進行了優化。
    image.png
  • three.js - JavaScript 3D庫.
    image.png
  • Chart.js - 使用Canvas的簡單HTML5圖表
    image.png
  • paper.js - 向量圖形– Scriptographer使用HTML5畫布移植到JavaScript和瀏覽器
    image.png
  • fabric.js - JavaScript Canvas庫 同時提供SVG到Cnanvas(Canvas到SVG)解析器.
    image.png
  • raphael - JavaScript 向量圖形庫.

image.png

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

image.png

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

image.png

  • visjs - 多個庫用於動態、基於瀏覽器的資料視覺化。(下面截圖為network)

image.png

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

image.png

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

image.png

  • flot - 基於jQuery的JavaScript圖表.

image.png

  • nvd3 - 為d3構建可重用的圖表和圖表元件js.

image.png

  • svg.js - 用於操縱SVG併為其設定動畫的輕量級庫。

image.png

  • dimple.js - d3支援的簡單商業分析圖表.

image.png

image.png

  • epoch - 通用實時圖表庫.

image.png

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

image.png

  • BabylonJS - 一個用HTML5和WebGL構建3D遊戲的框架。

image.png

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

image.png

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

image.png

  • G2 - 是一套基於圖形語法理論的視覺化底層引擎,面向常規統計類的圖表,視覺化圖形語法。

image.png

  • G2Plot - 一套簡單、易用、並具備一定擴充套件能力和組合能力的統計圖表庫

image.png

image.png

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

image.png

  • jointjs - 圖表庫,用於建立靜態圖表或完全互動式的圖表工具。(包含免費以及/付費版本)

image.png

  • vizzu - 用於動畫資料視覺化和資料故事的庫。

image.png

------------------------------------網路問題未截圖部分--------------------------------------------

  • 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中建立單詞雲.

其他一些付費產品

amchart, anychart, plotly, highchart, lightning chart

相關文章