數據可視化是實現數據價值的重要工具。數據可視化可以將抽象的數字累積轉變成為圖形、表單等, 讓普通人可以快速理解數據所代表的情況或趨勢。本書是學習如何用實現數據可視化的一本實踐指南。全書共10章, 首先從一些基礎的可視化方法開始, 講解了如何使用Flotr2庫創(chuàng)建基本的圖表; 如何使用jQuery的Flot庫、sparkline庫; 用庫實現不同于傳統圖表的特殊可視化; 實現基于時間、地理位置的可視化效果; 如何使用D3.js庫和Underscore.js庫; 以及如何使用Yeoman和Backbone.js庫構建數據驅動的Web應用。
在工作中,我們經常需要展示一些數據。如何選擇合適的數據可視化方式,以及如何在 Web 上應
用和實現這樣一種方式,這是我們經常會遇到的問題。通過閱讀本書,你將學會如何使用 JavaScript、
HTML、CSS 構建實用而有效的數據可視化方案。本書給出了大量實際的例子,通過分步講解的方式,詳
細描述了可視化方案的創(chuàng)建、集成、調試的整個過程,以幫助讀者迅速掌握像柱狀圖、折線圖、散點圖等
基本的數據可視化圖形技術。
在掌握了基本圖形的實現之后,本書還教授了如下這些高級的數據可視化技術:
● 創(chuàng)建樹狀圖、熱力圖、網絡圖、文字云、時間軸;
● 地圖數據的可視化映射、創(chuàng)建波形圖和復合圖表;
● 使用AJAX為圖形添加交互行為;
● 在瀏覽器中管理數據,以及創(chuàng)建數據驅動的Web應用程序;
● 利用Flotr2、Flot、Chronoline.js、D3.js、Underscore.js、Backbone.js實現數據可視化。
本書適合想要學習 Web 上的數據可視化技術的讀者,并能夠幫助他們快速構建簡單而強大的數據可視化方案。
數據可視化是一個技術熱點,而JavaScript提供了眾多的功能和庫支持數據的可視化。本書是熱點話題的高度結合。
本書全彩色印刷,對主題呈現能力有更突出的作用。
第1章 圖像數據 1
1.1 創(chuàng)建基礎的柱狀圖 2
1.1.1 第1步 引入所需的JavaScript代碼 2
1.1.2 第2步 創(chuàng)建一個用來包含圖表的
元素 3
1.1.3 第3步 定義數據 3
1.1.4 第4步 繪制圖表 4
1.1.5 第5步 改進縱軸 5
1.1.6 第6步 改進橫軸 6
1.1.7 第7步 調整樣式 8
1.1.8 第8步 多彩的柱體色彩 9
1.1.9 第9步 Flotr2可能會出現的一些“bug”及處理方案 11
1.2 用折線圖來繪制連續(xù)數據 12