D3.js 資料視覺化實用攻略:完整掌握 Web 開發技術,繪製互動式圖表不求人(iThome鐵人賽系列書)
金筠婷
- 出版商: 博碩 iThome鐵人賽系列書|任選2書75折
- 出版日期: 2023-06-16
- 定價: $680
- 售價: 7.8 折 $530
- 語言: 繁體中文
- 頁數: 320
- 裝訂: 平裝
- ISBN: 6263334878
- ISBN-13: 9786263334878
-
相關分類:
Data-visualization
立即出貨(限量) (庫存=4)
買這商品的人也買了...
-
暗池:人工智慧如何顛覆股市生態$499$424 -
讓 TypeScript 成為你全端開發的 ACE!(iT邦幫忙鐵人賽系列書)$650$507 -
D3 實用指南|程式設計師和科學家的互動式圖形工具箱 (D3 for the Impatient : Interactive Graphics for Programmers and Scientists)$520$410 -
重新認識 Vue.js:008天絕對看不完的 Vue.js 3 指南$600$468 -
你所不知道的必學前端 Debug 技巧:即學即用!讓你 Debug 不求人 (iT邦幫忙鐵人賽系列書)$620$483 -
$568Vue.js 設計與實現 -
今晚來點 Web 前端效能優化大補帖:一次搞定指標 × 工具 × 技巧,打造超高速網站(iThome鐵人賽系列書)$650$507 -
玩真的!Git ✕ GitHub 實戰手冊 - coding 實境、協同開發、雲端同步, 用最具臨場感的開發實例紮實學會! (Git for Programmers)$580$458 -
哎呀!不小心刻了一套 React UI 元件庫 : 從無到有輕鬆上手(iThome鐵人賽系列書)$650$507 -
NestJS 基礎必學實務指南:使用強大且易擴展的 Node.js 框架打造網頁應用程式 (iThome鐵人賽系列書)$620$483 -
和艦長一起 30 天玩轉 GitLab【第二版】(iT邦幫忙鐵人賽系列書)$650$507 -
邁向 Linux 工程師之路:Superuser 一定要懂的技術與運用, 3/e (How Linux Works : What Every Superuser Should Know, 3/e)$780$608 -
一本精通 - OpenCV 與 AI 影像辨識$680$537 -
小水豚教你做網站! 輕鬆學好 HTML / CSS 網頁設計$580$493 -
金融時報首席專家的資料視覺化聖經$600$510 -
Vue.js 入門到實戰:頁面開發 x 元件管理 x 多語系網站開發 (適用Vue.js 3.x/2.x)$540$459 -
哎呀!早知道就不會破版的 CSS 設計技巧:前端工程師防止佈局意外的必學密技(iThome鐵人賽系列書)【軟精裝】$660$514 -
SRE 實踐與開發平台指南:從團隊協作、原則、架構和趨勢掌握全局,做出精準決策$620$483 -
第一名的網站開發 - Node.js 全端高手昇華之路$680$537 -
Docker 實戰 6堂課:56個實驗動手做,掌握 Linux 容器核心技術(iThome鐵人賽系列書)【軟精裝】$720$562 -
Vue.js 3 前端測試入門從這裡開始:透過 Vitest + Vue Test Utils 實現自動化測試(iThome鐵人賽系列書)【軟精裝】(封面有些許小摺痕,不介意再下單)$720$561 -
網頁視覺特效最強必殺技大全:用 Three.js 與 Shader 圖說核心原理 x 閃避踩雷 x 創作指南(iThome鐵人賽系列書)【軟精裝】(書況有些許瑕疵,不介意在下單)$800$624 -
JavaScript 設計模式學習手冊, 2/e (Learning JavaScript Design Patterns: A JavaScript and React Developer's Guide, 2/e)$580$458 -
重構:改善 .NET 與 C# 應用程式的設計,償還欠下的技術債 (使用 GitHub Copilot 與 Visual Studio) (Refactoring with C#: Safely improve .NET applications and pay down technical debt with Visual Studio, .NET 8, and C# 12)$850$663 -
Vue 學習手冊 (Learning Vue: Core Concepts and Practical Patterns for Reusable, Composable, and Scalable User Interfaces)$680$537
iThome鐵人賽系列書|任選2書75折 詳見活動內容 »
-
78折
LINE Bot Side Project 實戰 : 從設計思考到部署與產品變現的 16堂關鍵必修課(iThome鐵人賽系列書)$660$514 -
78折
專案管理胃痛圖鑑:從臨床診斷到重症急救,31 帖 PM 生存處方藥到病除!(iThome鐵人賽系列書)$680$530 -
78折
Claude 工作術:從 Chat、Projects、Skills 到 Cowork 與 Claude Code 的 AI 自動化之路(iThome鐵人賽系列書)$690$538 -
78折
Unity × 設計 × 互動邏輯的遊戲開發全攻略:不會寫程式也能做遊戲,從零開始完成你的第一款 3D遊戲(iThome鐵人賽系列書)$660$514 -
78折
範例驅動的需求澄清術:如何用精準範例指揮 GenAI 建構高品質軟體(iThome鐵人賽系列書)$680$530 -
78折
作業系統的專武:DevSecOps 在客戶端、廠商端與資安的實戰維運攻略(iThome鐵人賽系列書)$620$483 -
78折
Node.js 生成式 AI 應用開發實戰:實作 OpenAI API × LangChain × LangGraph × RAG,打造從雲端到本地 LLM 的混合式安全架構(iThome鐵人賽系列書)$680$530 -
78折
Vibe Unity | AI 遊戲開發工作流:打破極限,創造一款具有無限可能性的遊戲!(iThome鐵人賽系列書)$680$530 -
78折
一生受用的求職方法:量化求職—海外求職、頂尖外商與遠距求職必備攻略(iThome鐵人賽系列書)$690$538 -
78折
零基礎玩轉 LLM 應用全攻略:Python × No-Code 實作 AI 開發超簡單(iThome鐵人賽系列書)$690$538 -
78折
我阿嬤都比你會測試:從生活智慧建立測試思維,到自動化與 AI 的完整進化(iThome鐵人賽系列書)$620$483 -
78折
UI 自動化測試與 AI 應用實戰:實作 Robot Framework × Playwright × Appium 從 Web、App 到 CI/CD 流程整合全方位攻略(iThome鐵人賽系列書)$650$507 -
78折
AI 時代的 Side Project 全攻略:產品思維 × 專案管理 × 變現路徑(iThome鐵人賽系列書)$690$538 -
78折
程式人的第一本 Python 量化投資筆記:Colab 即時演練 × Backtrader 策略設計到績效評估全流程(iThome鐵人賽系列書)$600$468 -
78折
今晚來點 Web 前端效能優化大補帖:從效能優化掌握前端開發的底層邏輯 全彩版(iThome鐵人賽系列書)$720$561 -
78折
Grafana Zero to Hero:從視覺化到智慧監控,打造全知視角的可觀測性平台(iThome鐵人賽系列書)$720$561 -
78折
猴子也能懂的電腦對局:從入門到實戰帶你打造遊戲 AI(iThome鐵人賽系列書)$650$507 -
78折
AI 最強調整術:使用最佳化演算法,打造頂級機器學習模型 (iThome鐵人賽系列書)$650$507 -
78折
為你寫的 Vue Components:從原子到系統,一步步用設計思維打造面面俱到的元件實戰力 (iThome鐵人賽系列書)$780$608 -
78折
AI 程式設計、深度學習與 LLM 入門到精通:PyTorch × GPT × Transformer × LLaMA 實作指南(iThome鐵人賽系列書)$650$507 -
78折
30天整頓職場!從徵才陷阱到離職黑箱,應對話術 × 舉證對策 × 職場防線一書掌握(iThome鐵人賽系列書)$600$468 -
78折
LangGraph 實戰開發 AI Agent 全攻略:掌握 AI 模型 × 工作流程 × 設計應用,從零打造智慧分工多代理協作系統(iThome鐵人賽系列書)$660$514 -
78折
Browser Web API 攻略大全:從開箱即用的實作範例開始,逐步掌握開發技巧(iThome鐵人賽系列書)$650$507 -
78折
想要 SSR? 快使用 Nuxt 吧!:Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化(iThome鐵人賽系列書)$780$608 -
78折
RAG × LangChain 整合應用:從問診機器人開始,打造可信任的 AI 系統 (iThome鐵人賽系列書)$600$468
商品描述
- 【專業推薦】
「這是一本深度和廣度都兼具的D3.js專書,將帶領你進入資料視覺化的奇妙世界,我毫不猶豫地推薦給你。」──Vue.js Taiwan社群主辦人 | 許國政(Kuro)
【本書特色】打造動態且驚豔酷炫的客製化圖表的D3.js實戰指南!
剖析D3.js資料視覺化原理,搭配豐富實戰案例,讓你輕鬆上手D3.js!
✪由淺入深介紹:循序漸進說明如何使用D3.js建立圖表
✪官方文件說明:讀懂D3.js官方文件,不怕跟不上改版
✪完整圖表範例:完整收錄從基礎到進階的圖表範例
✪豐富實戰案例:使用真實世界的開放資料解說圖表
【內容簡介】
本書內容改編自第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官方文件,不得其門而入的圖表苦手。
✪喜歡華麗、動態且想客製化圖表的開發者。
作者簡介
- 金筠婷
對技術充滿熱情的前端工程師。具備豐富的跨領域經驗,曾擔任中英翻譯、專案管理等職務。從過去的工作經驗不斷學習和掌握新的技能,也始終保持對前端技術的熱情與敏銳度。喜歡研究不同技術、撰寫技術文章、參與前端社群交流,期待能與更多開發者互相切磋,砥礪前行。
目錄大綱
- |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 多線折線圖












