網頁互動式資料視覺化：使用D3

網頁互動式資料視覺化：使用D3

by Scott Murray
Released December 2013
Publisher(s): GoTop Information, Inc.
ISBN: None

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Book description

讓複雜的資料變得一目瞭然的方法

透過本書，您將了解如何在網路上建立並發佈您自己的互動式資料視覺化專案，即便您沒有處理資料視覺化或網頁開發的經驗。透過本書實作導向、容易上手的介紹，學習這門學問將更為簡單與充滿樂趣。作者Scott Murray將告訴大家D3的基礎概念和函式，D3是一個JavaScript的函式庫，可以讓您將資料用視覺化的形式呈現在網頁上。在本書當中，您將能增加網頁程式撰寫的技巧、學習使用諸如HTML與JavaScript等工具。

本書採用逐步導引的方法，適用於許多不同背景的人閱讀，不論您是沒有程式撰寫經驗的設計師或視覺藝術家、想探索資料新聞學這個領域的記者、或者任何想要將視覺化資料並加以分享的人，都能由本書中得到收穫。

．學習HTML、CSS、JavaScript與SVG的基礎概念
．由資料動態產生網頁元素，並套用視覺化規則加以美化
．建立長條圖、散佈圖、圓餅圖、堆疊長條圖、以及重力場版型
．使用順暢的動畫轉移效果，來呈現資料的改變
．透過互動性設計，幫助使用者以不同角度來探索資料
．使用資料建立客製化的地圖
．超過100個可下載的程式碼範例，可讓您親手實作

誰適合閱讀本書
本書是針對非程式設計師所撰寫的資料視覺化專書。如果您是藝術家或圖形設計師，具備視覺藝術技能，但卻沒有處理過資料的經驗或沒寫過程式，那您就是本書的目標讀者；若您是記者或研究員，手上有很多資料，但沒有視覺藝術技能或寫過程式，那您也是本書的目標讀者。

Table of contents

  1. 封面
  2. 書名頁
  3. 授權聲明頁
  4. 目錄 (1/2)
  5. 目錄 (2/2)
  6. 前言
  7. 第一章 簡介
  8. 為何要作資料視覺化？
  9. 為什麼要寫程式碼呢？
  10. 為何要互動性？
  11. 為何要在網路上？
  12. 這本書是什麼？
  13. 您是誰？
  14. 這本書不是什麼呢？
  15. 使用範例程式碼
  16. 感謝
  17. 第二章 D3簡介
  18. D3可以做到什麼？
  19. D3不能做到什麼
  20. 緣起與脈絡
  21. 其他解決方案
  22. 簡單的圖表
  23. 圖形的視覺化
  24. 地理資訊對應
  25. 全部自己從頭刻
  26. 三維空間
  27. 使用D3建立出來的工具
  28. 第三章 基礎技術
  29. 網際網路
  30. 超文本標記語言HTML
  31. 內容與結構
  32. 使用元素物件（Elements）增加結構
  33. 常用的元素物件
  34. 特性（Attributes）
  35. Class與ID
  36. 程式註解
  37. DOM
  38. 開發者工具
  39. 排版顯示以及區塊排版（Box Model）
  40. CSS
  41. CSS選擇器
  42. 屬性名與屬性值
  43. 程式註解
  44. 參考樣式
  45. 繼承、階層與指定
  46. JavaScript
  47. 終端機
  48. 變數
  49. 其他變數類型
  50. 陣列
  51. 物件
  52. 物件與陣列
  53. 算數運算子
  54. 比較運算子
  55. 控制式
  56. 函式（Functions）
  57. 程式備註
  58. 引用程式碼
  59. JavaScript訣竅（Gotchas）
  60. SVG
  61. SVG元素
  62. 簡單的圖形
  63. 對SVG元素進行樣式調整
  64. 圖層和繪圖順序
  65. 透明度
  66. 相容性
  67. 第四章 設定環境
  68. 下載D3
  69. 引用D3
  70. 設定網頁伺服器
  71. 使用Python
  72. MAMP、WAMP和LAMP
  73. 深入研究
  74. 第五章 資料
  75. 產生頁面元素
  76. 函式鏈結（Chaining Methods）
  77. 一次看一行程式碼
  78. 移交（hand-off）
  79. 不用鏈結的方法
  80. 綁定（Binding）資料
  81. In a Bind
  82. 資料
  83. 建立您自己的選擇器
  84. 綁定資料並加以確認
  85. 使用資料
  86. High-Functioning
  87. 資料需要被擁抱
  88. 除了Text之外
  89. 第六章 用資料繪圖
  90. 繪製div
  91. 設定特性
  92. 關於類別
  93. 回到長條圖
  94. 設定樣式
  95. data()函式的強大效果
  96. 隨機資料
  97. 繪製SVG圖檔
  98. 建立SVG
  99. 由資料驅動的圖形
  100. 開始加上漂亮的顏色！
  101. 製作長條圖
  102. 舊圖表
  103. 新圖表 (1/2)
  104. 新圖表 (2/2)
  105. 顏色
  106. 標籤
  107. 製作散佈圖（Scatterplot）
  108. 資料
  109. 散佈圖
  110. 尺寸
  111. 標籤
  112. 下一步
  113. 第七章 尺度（Scale）
  114. 蘋果與像素
  115. 領域（domain）和範圍（range）
  116. 正規化
  117. 建立一個尺度（scale）
  118. 套用尺度到散佈圖上
  119. d3.min()和d3.max()函式
  120. 設定動態尺度（Dynamic Scales）
  121. 整合尺度縮放後的值
  122. 微調圖形
  123. 其他函式
  124. 其他的尺度
  125. 第八章 軸線
  126. 軸線（Axes）
  127. 設定軸線
  128. 整理一下程式碼
  129. 來看看刻度吧
  130. Y軸線
  131. 最後的修改
  132. 格式化刻度的標籤
  133. 第九章 更新、轉移與動作
  134. 美化長條圖
  135. 序數尺度的說明
  136. 包含整個範圍的round bands函式
  137. 引用序數尺度
  138. 其他調整過的部分
  139. 更新資料
  140. 透過事件監聽器來進行互動
  141. 改變資料
  142. 更新視覺化部分
  143. 過場轉移（Transitions）
  144. 定義執行時間長度的duration()函式
  145. ease()函式
  146. delay()函式
  147. 資料隨機化
  148. 更新尺度
  149. 更新軸線
  150. each()：轉移效果開始和結束的時候 (1/2)
  151. each()：轉移效果開始和結束的時候 (2/2)
  152. 其他種類的資料更新
  153. 增加數值（以及元素）
  154. 移除值（與元素）
  155. 用鍵值來合併資料 (1/2)
  156. 用鍵值來合併資料 (2/2)
  157. 增加和移除：兩個願望，一次滿足！
  158. 複習
  159. 第十章 互動性
  160. 綁定事件監聽器
  161. 行為是什麼
  162. 滑鼠移入停放（hover）時，做出強調的效果
  163. 把SVG元素群組化在一起
  164. 點擊排序（Click to Sort）
  165. 工具提示（Tooltips）
  166. 瀏覽器預設的工具提示
  167. SVG元素的工具提示
  168. 用HTML div做的工具提示
  169. 針對觸控式裝置的考量
  170. 出發往前
  171. 第十一章 版型
  172. 圓餅圖版型（Pie Layout）
  173. 堆疊圖版型（Stack Layout）
  174. 重力場版型（Force Layout） (1/2)
  175. 重力場版型（Force Layout） (2/2)
  176. 第十二章 地理資訊對應（Geomapping）
  177. GeoJSON簡介
  178. 路徑
  179. 投影（Projections）
  180. 面量圖（Choropleth，地區分佈圖）
  181. 增加點
  182. 擷取並解析地理資料
  183. 找到檔案
  184. 選擇解析度
  185. 簡化檔案
  186. 轉換到GeoJSON
  187. 第十三章 匯出
  188. 點陣圖
  189. PDF
  190. SVG
  191. 附錄
  192. 進階閱讀
  193. 索引 (1/2)
  194. 索引 (2/2)
  195. 關於作者
  196. 出版記事

Product information

  • Title: 網頁互動式資料視覺化：使用D3
  • Author(s): Scott Murray
  • Release date: December 2013
  • Publisher(s): GoTop Information, Inc.
  • ISBN: None

You might also like

book

網站擷取｜使用Python

by Ryan Mitchell

在現代網路蒐集資料 「本書涵蓋的工具與範例，讓我輕易把好幾個重複的工作自動化，騰出時間解決更多有趣的問題。這是本重視成果、內容從實務問題與解法出發，又能很快讀完的好書。」 — Eric VanWyk, 電子計算機工程師，麻州歐林工程學院 學會網頁搜刮(scraping)及爬行(crawling)技術，就能從任何網站來源取得任意格式的無限量資料。您可以從這本實務指南學到如何使用Python與web APIs，同時從上千，甚至上百萬的網頁之中獲取並處理資料。 本書適合會寫Python的程式設計者、網路安全工作者以及網站管理者閱讀。不僅會提到網頁搜刮的基本機制，還會提到一些進階主題，像是分析原始資料，或是利用搜刮工具進行網站前端測試。本書也將提供程式範例協助您從實務的角度理解觀念。 •學會如何解析複雜的HTML頁面 •走訪許多頁面與網站 •掌握APIs的概觀以及它們如何運作 •學會多種儲存搜刮來的資料的方式 •下載文件並讀取內容，從中擷取資料 •使用工具與技巧整理格式雜亂的原始資料 •讀寫自然語言 …

book

高效能網站建置指南

by Steve Souders

Web開發者效能最佳化實務 「《高效能網站建置指南》包含最新研究成果，激發你的編程智慧，讓你的網站運作順暢，如行雲流水般。我愛死了這本書的風格 — 涵蓋豐富的主題，而且每個主題皆由該領域中備受尊崇的權威專家帶領你深入探討。說真的，我們的團隊人手一本。」 — Bill Scott，Netflix，UI工程部總監 效能是網站成功與否的重要關鍵，然而，挾帶著日益豐富的內容並且運用大量的Ajax技術，現今的Web應用程式已迫使瀏覽器達到其處理能力的極限。Steve Souders，Google的Web效能佈道者及Yahoo!的前首席效能專家，在本書中提供了最寶貴的技術，協助你最佳化你的網站效能。 Souders的上一本暢銷書《High Performance Web Sites》在Web開發的世界裡捲起了漫天風雲，並且揭露出一項事實：網頁加載的總耗時中有80%是花費在客戶端上的。在《高效能網站建置指南》這本書中，Souders與其他八位專家級的特約作者針對改善網站效能提供了最佳實務以及實用建言，主要包括下列三個關鍵領域： ● JavaScript — …

book

COCOA學習手冊--使用OBJECTIVE-C第三版

by Paris Buttfield-Addison, Jonathon Manning

OS X 與 iOS 應用程式開發 涵蓋 Xcode 4.2 與 iOS 6 「假如你對 iOS 或 OS X …

book

机器学习流水线实战

by Hannes Hapke, Catherine Nelson

正如自动化流水线给汽车制造业带来了质的改变，自动化机器学习流水线也能从根本上加速机器学习领域的发展。机器学习流水线实现了复用、管理和部署机器学习模型的标准化流程。数据科学家和机器学习工程师不仅能摆脱逐个手动构建和训练模型的“作坊式”工作流程，还能产出更可靠、更安全的模型。 本书带领你使用TensorFlow生态圈中的众多工具构建可复现的机器学习流水线，从而将模型部署时间从数天缩短为数分钟，有效地实现机器学习项目产品化。你将学习如下内容。 了解机器学习流水线的构建步骤 使用TensorFlow Extended（TFX）构建机器学习流水线 使用Beam、Airflow、Kubeflow Pipelines编排流水线 数据校验和数据预处理 使用TensorFlow的模型分析工具 检查模型的公平性 使用TensorFlow Serving和TensorFlow Lite部署模型 了解差分隐私、联邦学习和加密机器学习等隐私保护方法