本書內容改編自第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)