標籤: 資訊視覺化 頁1

網路資源

GoJS- 強大的互動資訊圖表產生器

GoJS 是一個以 javascript 為基礎的互動資訊圖表產生器,舉凡 Flow Chart、結構圖、樹狀圖...等都有支援。

網路資源

Apache ECharts- 基於 javascript 的開源資訊圖表函式庫

Apache ECharts 是一個基於 javascript 的開源資訊圖表函式庫,相較於 d3.js 等其他一些函式庫,有著更輕易上手的優勢。

網路資源

C3.js- 以 D3.js 為基礎的圖表函式庫

D3.js 是一個很強大的圖表繪製函式庫,不過要學習的話需要花點時間,而 C3.js 就是以 D3.js 為基礎的函式庫,讓使用者可以透過簡單的語法就能產出互動好用的圖表。

網路資源

D3.js- 強大的資訊視覺化套件

D3.js 是一個強大的資訊視覺化套件,可以利用它來產生像是長條圖、折線圖或是透過 geoJson 產生跟地圖互動的圖表。

網路資源

Chart.js- 方便好用的圖表套件

Chart.js 是一個方便好用的圖表繪製套件,只要依據格式設定資料,就能繪製出包含長條圖、折線圖、圓餅圖、雷達圖等等的圖表。

網路資源

Graphviz- 繪製流程圖的套件

Graphviz (英文:Graph Visualization Software的縮寫)是一個由AT&T實驗室啟動的開源工具包,用於繪製DOT語言指令碼描述的圖形。它也提供了供其它軟體使用的函式庫。

網路資源

viz.js- 以 Graphviz 語法畫流程線圖的套件

viz.js 是一個以 Graphviz 語法畫流程線圖的套件。

教學

[D3.js] 資訊視覺化的利器- D3.js 安裝與基本教學

D3.js(D3或Data-Driven Documents)是一個使用動態圖形進行資料視覺化的 JavaScript 程式庫。與W3C標準相容,並且利用廣泛實現的SVG、JavaScript和CSS標準,改良自早期的Protovis程式庫,和其他視覺化的程式庫相比,D3.js 主要是控制 SVG 還有 CSS 等 dom 的部分,比起其他以 canvas 為基礎的程式庫有更多的可控制性。

教學

[chart.js] 使用 chart.js 繪製漂亮的圖表- 基本安裝與設置

chart.js 是一套滿好用的繪製圖表的工具,很好設置以及有好看的互動效果,這裡說明一下安裝的方式。