回首頁  
帳號
 
關於博碩 博碩好讀 校園圖書 MOCC認證 下載教學 元學堂

博碩好讀
  新書推薦
  出版預告
  名家名著
  iT達人祕笈
 

分類索引
 

出版總覽
 

讀者服務
  徵求作者
 
首頁 >> 書籍介紹
 
 
點我可放大圖片
 
書名：D3.js資料視覺化實用攻略：完整掌握Web開發技術，繪製互動式圖表不求人（iThome鐵人賽系列書）
書號：MP22237 作者：金筠婷 著 ISBN： 978-626-333-487-8
定價：NT$680元 印刷：彩色 頁數：320頁
書籍規格：17*23 上市日：2023/6/14 譯者：(無)
學習定位：初階 本書附件：網路下載範例檔  
前往購買 >> 蝦皮購物 類別：電腦技術  
       
快速前往 快速前往 快速前往        

 

 
    【專業推薦】
    「這是一本深度和廣度都兼具的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 多線折線圖
 
    金筠婷
    對技術充滿熱情的前端工程師。具備豐富的跨領域經驗，曾擔任中英翻譯、專案管理等職務。從過去的工作經驗不斷學習和掌握新的技能，也始終保持對前端技術的熱情與敏銳度。喜歡研究不同技術、撰寫技術文章、參與前端社群交流，期待能與更多開發者互相切磋，砥礪前行。
 
    本書範例程式碼：https://github.com/vezona/D3.js_vanillaJS_book
 
 		  
     

博碩文化客服信箱
 

[email protected]
 
文教業務團隊
台北、新北、桃園、基隆、宜蘭、花蓮、金門
汪 玉 鳳
LINE ID：0925177716
0925-177716
[email protected]		 郭 南 彤
LINE ID：rgtech101
0917-727778
[email protected]
助理分機 519
新竹、苗栗、台中、彰化、南投、雲林
林 世 昌
LINE ID：0925275775
0925-275775
[email protected]
助理分機 519		 嘉義、台南、高雄、屏東、台東、澎湖
林 月 玲
LINE ID：0926858627
0926-858627
[email protected]
助理分機 238
 
MOCC 認證小組
 
  林 雯 玲 電話：02-2696-2869 分機：623 [email protected]

 

 
 

 

博碩文化股份有限公司 DrMaster Press Co., Ltd.
台灣新北市汐止區新台五路一段112號10樓A棟
Building A, 10F, No.112, Xintai 5th Rd., Sec.1,Xizhi Dist., New Taipei City 221, Taiwan
Tel：02-2696-2869　Fax：02-2696-2867　劃撥帳號：17484299

Copyright© DrMaster Press Co., Ltd. All Rights Reserved.