1. 程式人生 > >【 D3.js 入門系列 --- 9 】 常見視覺化圖形

【 D3.js 入門系列 --- 9 】 常見視覺化圖形

    轉載請註明出處,謝謝。

    Layout ,直譯為“佈局,安排”。但在 D3 中不是這個意思。

    D3 中有很多 Layout 函式,它們不是為了在畫面中佈局什麼,在 D3 中是對輸入的資料進行轉換,轉換成比較容易進行視覺化的資料。實際進行視覺化時,需要其他的程式碼。我們可以簡單地把 Layout 理解為“製作常見圖形的函式”,比如餅狀圖等等。

1. Bundle  ----  捆圖



2. Chord  ----  弦圖



3. Cluster  ----  叢集圖



4. Force  ----  力學圖



5. Hierarchy  ----  層級圖

  不能直接使用,要和其他的 layout 一起使用。


6. Histogram  ----  柱形圖



7. Pack  ----  打包圖



8. Partition  ----  分割槽圖



9. Pie  ----  餅狀圖



10. Stack  ----  堆疊圖



11. Tree  ----  樹狀圖



12. Treemap  ----  矩陣樹圖


    具體到每一個 Layout 的使用方法,會在後面幾節中介紹。