AI時代在網頁上資料視覺化：D3.js實作寶典

　　大數據時代資料視覺化神器的最佳選擇

　　在大數據蓬勃發展的時代，每天都有驚人的資料量產生，分析出有用的資訊固然重要， 然而， 資料分析所得出的結論，要如何「明確、有效」的予以呈現，其重要性並不亞於資料分析，因此，「資料視覺化」應運而生。

　　資料視覺化可以視為一門「述說」資料的藝術，它透過一系列的圖表對使用者傳遞某種資訊。而在網路時代，傳播最快速的方式非瀏覽器與網頁莫屬，因此，以網頁為基礎的視覺化專案如雨後春筍般地出現。

　　D3在Github上擁有極大的關注數，曾高居第二位。夾帶著龐大使用者的氣勢，D3在許多國家和地區被稱為資料視覺化的代名詞。
適用：大數據分析相關從業人員；對資料視覺化有興趣者。

本書特色

　　本書全面介紹此全球最成功的視覺化專案──D3，其特性如下：
　　√資料與元素綁定的特性。
　　√計算與繪圖相互獨立的特性。
　　√鏈式語法。
　　√強大的圖形運算能力。
　　√同時支援SVG和Canvas。
　　全書附帶大量插圖，用以取代乏味難懂的數值與文字，這也確切地符合視覺化的訴求。

 

前言

Chpater 01  D3簡介
1.1  D3是什麼
1.2  資料視覺化是什麼
1.3  圖表種類
1.4  學習方法

Chpater 02  Web前端開發基礎
2.1  瀏覽器和伺服器
2.2  HTML&CSS
2.3  JavaScript
2.4  DOM
2.5  SVG
2.6  Canvas
2.7  色彩基礎

Chpater 03  準備開發環境
3.1  下載D3
3.2  安裝Chrome和Sublime Text
3.3  安裝Apache HTTP Server
3.4  Hello World
3.5  繪製向量圖
3.6  偵錯

Chpater 04  D3基礎：選擇集與資料
4.1  選擇元素
4.2  選擇集
4.3  增加、插入和刪除
4.4  資料綁定
4.5  update、enter、exit
4.6  選擇集的常用方法
4.7  陣列的常用方法
4.8  直條圖

Chpater 05  比例尺和座標軸
5.1  定量比例尺
5.2  序數比例尺
5.3  座標軸
5.4  散點圖

Chpater 06  繪製
6.1  顏色
6.2  線段產生器
6.3  區域產生器
6.4  弧產生器
6.5  符號產生器
6.6  弦產生器
6.7  對角線產生器
6.8  聚合線圖

Chpater 07  動畫
7.1  過渡效果
7.2  散點圖的過渡效果

Chpater 08  互動
8.1  監聽器
8.2  事件d3.event
8.3  行為d3.behavior

Chpater 09  匯入和匯出
9.1  檔案匯入
9.2  檔案匯出

Chpater 10  版面配置
10.1  圓形圖
10.2  力導向圖
10.3  弦圖
10.4  樹狀圖
10.5  捆圖
10.6  長條圖
10.7  矩陣樹狀圖

Chpater 11  地圖的基礎
11.1  地圖的資料
11.2  中國地圖
11.3  地理路徑
11.4  投影

Chpater 12  人性化的互動
12.1  提示框
12.2  座標系中的焦點
12.3  元素組合
12.4  區域選擇
12.5  開關

Chpater 13  地圖的應用
13.1  值域的顏色
13.2  標記
13.3  標線
13.4  滑動和縮放
13.5  力導向地圖

Chpater 14  D3 4.x簡介
14.1  4.x的新功能
14.2  3.x如何升級到4.x
14.3  D3 4.x的設計思想
14.4  未來展望

Chpater 15  D3 4.x新功能剖析
15.1  全新的力導向圖
15.2  豐富多彩的色票面板
15.3  功能倍增的圖形產生器
15.4  更合理的版面配置
15.5  無限循環的過渡效果

Chpater 16  D3 4.x在地圖上的應用
16.1  Canvas 地圖的基本功能
16.2  地圖上飛舞的流星
16.3  地球儀
16.4  結合Leaflet.js和D3.js
參考文獻