|
|
|
數據可視化是實現數據價值的重要工具。數據可視化可以將抽象的數字累積轉變成為圖形、表單等，讓普通人可以快速理解數據所代表的情況或趨勢。
本書是學習如何用JavaScript實現數據可視化的一本實踐指南。全書共10章，首先從一些基礎的可視化方法開始，講解了如何使用Flotr2庫創建基本的圖表；如何使用jQuery的Flot庫、sparkline庫；用JavaScript庫實現不同於傳統圖表的特殊可視化；實現基於時間、地理位置的可視化效果；如何使用D3.js庫和Underscore.js庫；以及如何使用Yeoman和Backbone.js庫構建數據驅動的Web應用。
本書重視數據可視化的設計和實現，重視基礎知識，書中所列舉的示例，兼顧易學性、復雜性、理論性和實用性。本書適合從事前端設計、數據可視化設計和實現的專業人士閱讀，可以供有一定JavaScript基礎並想要從事相關工作的程序員學習參考。
托馬斯（Stephen A．Thomas），是美國喬治亞理工學院教育技術系的前端開發技術專家。他曾為醫療保健和安全行業開發了大量復雜的基於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部分
