D3.js 資料視覺化與儀表板 (dashboard) 技術的好書

最近覺得 D3.js 是 Dashboard (儀錶板) 首選技術, 上網查詢了這方面的好書摘要如下 : 

1. 網頁互動式資料視覺化-使用 D3.js (碁峰, 劉自強, 黃芝瑩譯, 2013)

Source : 金石堂

此書介紹如何使用 D3.js 這個前端 Javascript 框架在網頁中繪製圖形. 我初次知道 D3.js 是幾年前自製 EasyUICMS 架站系統時, 當時進展到繪圖功能卡在一時不知該用 Highchart 還是 D3, 猶豫之間注意力就轉移到 Arduino, 之後就一直晾到現在. 看了此書的前言後, 覺得似乎應該採用 D3.js 較好 (雖然學習曲線較陡).

這本書譯自歐萊禮的 "Interactive Data Visualization for the Web-An Introduction to Designing with D3 (2013)", 翻譯本市圖有進可借, 不過原文書已出第二版 :

# Interactive Data Visualization for the Web: An Introduction to Designing with D3 (2017, 2nd)

Source : Oreilly

此書被讚譽最適合初學者的 D3.js 入門書, 書中範例程式檔可從 Github 下載 :

# http://bit.ly/V25Xw6

2. Fullstack D3 and Data Visualization: Build beautiful data visualizations with D3 (2019)

Source : Amazon

此書除了使用 D3.js 繪製圖形外, 還使用了 ECMAScript 的非同步功能載入資料集, 且一律採用較新的 ES7 語法, 所以讀此書前須先熟習 ES7 為宜. 內容除了詳述如何用 D3.js 繪製各種統計圖外, 最重要的是儀錶板設計這章. 書中提到的繪圖七步驟值得參考 : 

1. Access data

2. Create dimensions

3. Draw canvas

4. Create scales

5. Draw data

6. Draw peripherals

7. Set up interactions

3. D3 for the Impatient (Oreilly, 2019)

Source : Oreilly

此書是專為初學者快速上手而寫, 不過最好是已具有 Javascript 程式經驗. 作者以範例詳細解說 D3 的元素選取 (selection) 與資料綁定 (data binding), 以及如何用 D3 的內建元件來繪製圖形. 書中範例可在 GitHub 下載 : 

# https://github.com/janert/d3-for-the-impatient

參考 : 

# 抄程式學 d3.js
# 網頁視覺化利器 － D3.js 簡介