D3.js資料視覺化實用攻略:完整掌握Web開發技術,繪製互動式圖表不求人(iThome鐵人賽系列書)
活動訊息
內容簡介
本書內容改編自第13屆iThome鐵人賽Modern Web組佳作系列文章《三十天成為D3.js v7好手》。本書從詳述D3.js建立圖表的基礎原理開始,循序介紹如何閱讀官方文件、了解繁多的API使用方式、分解圖表的構成元件、繪製圖表、建立動畫與互動功能等,透過由淺入深的內容安排,可讓你輕鬆進入D3.js的世界。此外,本書還以常見的圖表程式碼範例做示範,可讓你快速領略圖表打造的奧祕,無論你是初出茅廬的前端初心者,或是想增加圖表技能的程式開發者,都能成功邁入資料視覺化的世界。
【精采內容】
♚詳細解說D3.js原理與各項建立圖表的API
本書詳細說明D3.js繪製圖表時的API用途、輸入與輸出數值、注意事項,讓讀者從根本上了解該API的使用方式。
♚帶領你讀懂D3.js官方文件
內容解說D3.js官方文件,讓你不用再擔心會有版本變化快速以及不明白程式碼哪裡出錯的困擾。
♚常見圖表與互動效果的實際範例
書中手把手示範常見的圖表範例程式碼,同時建立該圖表常搭配的互動功能,讀者可將本書作為尋找圖表範例的參考書。
♚使用眞實世界的資料示範
本書的圖表範例使用政府或公家機構釋出的開放資源,運用實際數據建立圖表,呈現真實世界的圖表應用。
【目標讀者】
✪對資料視覺化有興趣的程式開發者。
✪具備基礎JS開發經驗的前端工程師。
✪看不懂D3.js官方文件,不得其門而入的圖表苦手。
✪喜歡華麗、動態且想客製化圖表的開發者。
本書特色
打造動態且驚豔酷炫的客製化圖表的D3.js實戰指南!
剖析D3.js資料視覺化原理,搭配豐富實戰案例,讓你輕鬆上手D3.js!
✪由淺入深介紹:循序漸進說明如何使用D3.js建立圖表
✪官方文件說明:讀懂D3.js官方文件,不怕跟不上改版
✪完整圖表範例:完整收錄從基礎到進階的圖表範例
✪豐富實戰案例:使用真實世界的開放資料解說圖表
專業推薦
「這是一本深度和廣度都兼具的D3.js專書,將帶領你進入資料視覺化的奇妙世界,我毫不猶豫地推薦給你。」 ──Vue.js Taiwan社群主辦人 | 許國政(Kuro)
目錄
|CHAPTER 01| D3.js基本介紹
1.1 D3.js的發展簡史
1.2 D3.js的特色
1.3 D3.js能做什麼?
1.4 D3.js的優缺點
1.5 為何要選擇D3.js?
1.6 本書目標與內容
1.7 範例程式碼和Github Page範例網站
|CHAPTER 02| 學習D3.js前必備的SVG知識
2.1 SVG的基礎觀念
2.2 SVG形狀
2.3 SVG線條
2.4 SVG路徑、文字
2.5 SVG常用的表現屬性與轉換屬性
|CHAPTER 03| 從看懂文件開始
3.1 D3.js官方文件介紹
3.2 D3.js官方圖表示範網站
3.3 D3.js的30種API介紹
3.4 D3.js安裝起步走
3.5 D3.js版本確認
|CHAPTER 04| D3.js核心概念:選取與綁定
4.1 選取器(Selections)
4.2 調整元素
4.3 資料綁定(Data Binding)
4.4 選取與綁定資料的應用範例
4.5 事件處理與呼叫方法
|CHAPTER 05| 資料匯入與整理
5.1 公開資料平台
5.2 匯入資料的API
5.3 資料整理
|CHAPTER 06| 繪製圖形的Helper Function
6.1 Generators
6.2 Components
6.3 Layouts
|CHAPTER 07| 圖表的組成
7.1 比例尺(Scales)
7.2 軸線與刻度(Axes & Ticks)
7.3 響應式圖表(RWD)
|CHAPTER 08| 圖表動畫與滑鼠事件
8.1 動畫
8.2 基礎滑鼠事件與互動效果
8.3 工具提示框(Tooltips)
|CHAPTER 09| 圖表進階互動事件
9.1 拖曳
9.2 縮放
9.3 選取刷
|CHAPTER 10| 常見圖表繪製與互動效果
10.1 圓餅圖
10.2 散點圖 / 散佈圖
10.3 氣泡圖
10.4 長條圖
10.5 複數長條圖
10.6 堆疊長條圖
10.7 折線圖
10.8 多線折線圖
配送方式
-
台灣
- 國內宅配:本島、離島
-
到店取貨:
不限金額免運費
-
海外
- 國際快遞:全球
-
港澳店取:
訂購/退換貨須知
退換貨須知:
**提醒您,鑑賞期不等於試用期,退回商品須為全新狀態**
-
依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」,以下商品購買後,除商品本身有瑕疵外,將不提供7天的猶豫期:
- 易於腐敗、保存期限較短或解約時即將逾期。(如:生鮮食品)
- 依消費者要求所為之客製化給付。(客製化商品)
- 報紙、期刊或雜誌。(含MOOK、外文雜誌)
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書、電子雜誌、下載版軟體、虛擬商品…等)
- 已拆封之個人衛生用品。(如:內衣褲、刮鬍刀、除毛刀…等)
- 若非上列種類商品,均享有到貨7天的猶豫期(含例假日)。
- 辦理退換貨時,商品(組合商品恕無法接受單獨退貨)必須是您收到商品時的原始狀態(包含商品本體、配件、贈品、保證書、所有附隨資料文件及原廠內外包裝…等),請勿直接使用原廠包裝寄送,或於原廠包裝上黏貼紙張或書寫文字。
- 退回商品若無法回復原狀,將請您負擔回復原狀所需費用,嚴重時將影響您的退貨權益。
商品評價