AI時代在網頁上資料視覺化: D3.js實作寶典 | 誠品線上

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

內容簡介

內容簡介 大數據時代資料視覺化神器的最佳選擇在大數據蓬勃發展的時代，每天都有驚人的資料量產生，分析出有用的資訊固然重要， 然而， 資料分析所得出的結論，要如何「明確、有效」的予以呈現，其重要性並不亞於資料分析，因此，「資料視覺化」應運而生。資料視覺化可以視為一門「述說」資料的藝術，它透過一系列的圖表對使用者傳遞某種資訊。而在網路時代，傳播最快速的方式非瀏覽器與網頁莫屬，因此，以網頁為基礎的視覺化專案如雨後春筍般地出現。D3在Github上擁有極大的關注數，曾高居第二位。夾帶著龐大使用者的氣勢，D3在許多國家和地區被稱為資料視覺化的代名詞。適用：大數據分析相關從業人員；對資料視覺化有興趣者。◎執行環境執行本書的範例，需要安裝以下軟體：Chrome、Firefox、Safari、Opera、Internet Explorer 9及更新版本；Apache HTTP Server或Ngnix等伺服器軟體（部分範例）。◎排版約定為讓讀者把握重點，本書將採用以下排版約定。（1）正文中重要的詞彙會使用粗體字型以示強調。（2）重要的程式會以粗體字型表示強調，例如：d3.selectAll("p").text("cat"); 普通程式d3.selectAll("p").text("dog"); 重要程式◎勘誤資訊一本書要想增強，需要許多讀者回饋錯誤。筆者雖想盡最大努力確保沒有錯誤，但卻是困難的。如果發現書中的任何錯誤，小到錯別字，大到程式無法執行等，希望能及時回饋。您的任何一次勘誤，都會令筆者和其他讀者受益。與本書相關的最新動態請造訪以下網站：http: www.decembercafe.org 勘誤資訊請發送郵件至：[email protected]

產品目錄

產品目錄 前 言Chpater 01 D3簡介1.1 D3是什麼1.2 資料視覺化是什麼1.3 圖表種類1.4 學習方法Chpater 02 Web前端開發基礎2.1 瀏覽器和伺服器2.2 HTML&CSS2.3 JavaScript2.4 DOM2.5 SVG2.6 Canvas2.7 色彩基礎Chpater 03 準備開發環境3.1 下載D33.2 安裝Chrome和Sublime Text3.3 安裝Apache HTTP Server3.4 Hello World3.5 繪製向量圖3.6 偵錯Chpater 04 D3基礎：選擇集與資料4.1 選擇元素4.2 選擇集4.3 增加、插入和刪除4.4 資料綁定4.5 update、enter、exit4.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.event8.3 行為d3.behaviorChpater 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.x14.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參考文獻

商品規格

最佳賣點

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

試閱文字

推薦序 : 前　言
D3（Data-Driven Documents）是一個用於資料視覺化開發的JavaScript函數庫，專案託管於GitHub。GitHub是全世界最流行的程式託管平台，雲集了來自世界各地的優秀工程師。D3自誕生以來，不斷受到好評，其排名在GitHub的專案倉庫排行榜已高居第2位（2017年3月）。以一個視覺化工具而言，能取得這種成就可說是奇蹟。
人數多並不表示一個工具好，但一定表示它擁有更多的教學、範例程式、社區問答和出版物。D3由於其龐大的使用者量，已經幾乎成為資料視覺化的代名詞。
本書希望盡可能讓零基礎初學者也能閱讀，但或許很難。您也許需要至少掌握一種程式語言，例如C/C++、Java、JavaScript，了解網頁撰寫的基礎。
學習本書後，相信讀者能在一邊查詢API的情況下完成資料視覺化的工作。為使閱讀儘量簡單、容易，本書附帶非常豐富的插圖。
用圖而不用文字。這也正好符合視覺化的追求。

✤致謝
感謝我的妻子，當我感到疲勞時，有她在身邊總能感到安心。
感謝我的兒子，他是我最重要的精神支柱。
感謝本書的編輯付睿女士，她協助我完成本書的構思，並提出了很多建設性的意見。