JavaScript數據可視化編程

第1章 圖像數據
1.1 創建基礎的柱狀圖
1.1.1 第1步 引入所需的JavaScript代碼
1.1.2 第2步 創建一個用來包含圖表的元素
1.1.3 第3步 定義數據
1.1.4 第4步 繪制圖表
1.1.5 第5步 改進縱軸
1.1.6 第6步 改進橫軸
1.1.7 第7步 調整樣式
1.1.8 第8步 多彩的柱體色彩
1.1.9 第9步 Flotr2可能會出現的一些「bug」及處理方案
1.2 用折線圖來繪制連續數據
1.2.1 第1步 定義數據
1.2.2 第2步 繪制二氧化碳數據的圖像
1.2.3 第3步 添加溫度數據
1.2.4 第4步 改進圖表的可讀性
1.2.5 第5步 讓用戶理解右側的溫度標記
1.2.6 第6步 給圖表添加標注
1.2.7 第7步 Flotr2「bugs」的應急方案
1.3 使用餅圖強調部分數據
1.3.1 第1步 定義數據
1.3.2 第2步 繪制圖表
1.3.3 第3步 標注數值
1.3.4 第4步 Flotr2「bugs」的應急方案
1.4 用離散圖表繪制x/y值
1.4.1 第1步 定義數據
1.4.2 第2步 格式化數據
1.4.3 第3步 繪制數據
1.4.4 第4步 調整圖表的軸
1.4.5 第5步 標注數據
1.4.6 第6步 闡明x軸
1.4.7 第7步 回答用戶的問題
1.4.8 第8步 解決Flotr2的「bugs」
1.5 用氣泡圖表示數量擴展x/y數據
1.5.1 第1步 定義數據
1.5.2 第2步 給圖表創建背景圖
1.5.3 第3步 繪制數據
1.5.4 第4步 添加背景
1.5.5 第5步 給氣泡上色
1.5.6 第6步 調整圖例的樣式
1.5.7 第7步 Flotr2「bugs」的應急預案
1.6 使用雷達圖顯示多維數據
1.6.1 第1步 定義數據
1.6.2 第2步 創建圖表
1.6.3 第3步 Flotr2「bugs」的應急預案
1.7 小結

第2章 和圖表進行交互
2.1 選擇圖表內容
2.1.1 第1步 包含需要的JavaScript類庫
2.1.2 第2步 設置一個div元素來盛放圖表
2.1.3 第3步 准備數據
2.1.4 第4步 繪制圖表
2.1.5 第5步 添加控件
2.1.6 第6步 定義適合交互的數據結構
2.1.7 第7步 基於交互狀態確定圖表數據
2.1.8 第8步 使用JavaScript添加控件
2.1.9 第9步 響應交互控件的操作
2.2 縮放圖表
2.2.1 第1步 准備頁面
2.2.2 第2步 繪制圖表
2.2.3 第3步 准備支持交互的數據
2.2.4 第4步 准備接受交互事件
2.2.5 第5步 開啟交互
2.3 追蹤數據的值
2.3.1 第1步 留出一個元素來保存所有圖表
2.3.2 第2步 准備數據
2.3.3 第3步 繪制圖表
2.3.4 第4步 實施交互
2.4 使用AJAX獲取數據
2.4.1 第1步 理解源數據
2.4.2 第2步 通過AJAX獲得第一層的數據
2.4.3 第3步 處理第一層數據
2.4.4 第4步 獲取實際數據
2.4.5 第5步 處理數據
2.4.6 第6步 創建圖表
2.5 小結

第3章 在頁面中整合圖表
第4章 創建特殊圖表
第5章 時間軸顯示
第6章 地理位置信息的可視化
第7章 用D3.js自定義可視化數據視圖
第8章 在瀏覽器中管理數據
第9章 創建數據驅動的網絡應用：第1部分
第10章 創建數據驅動的網絡應用：第2部分