D3.js By Example

Michael Heydt

D3.js By Example
  • 出版商: Packt Publishing
  • 出版日期: 2015-12-27
  • 售價: $1,730
  • 貴賓價: 9.5 折 $1,644
  • 語言: 英文
  • 頁數: 304
  • 裝訂: Paperback
  • ISBN: 1785280082
  • ISBN-13: 9781785280085
  • 相關分類: Data-visualization

    • 下單後立即進貨 (約3~4週)

商品描述

Key Features

  • Learn to use the facilities provided by D3.js to create data-driven visualizations
  • Explore the concepts of D3.js through examples that enable you to quickly create visualizations including charts, network diagrams, and maps
  • Get practical examples of visualizations using real-world data sets that show you how to use D3.js to visualize and interact with information to glean its underlying meaning

Book Description

This book will take you through all the concepts of D3.js starting with the most basic ones and progressively building on them in each chapter to expand your knowledge of D3.js.

Starting with obtaining D3.js and creating simple data bindings to non-graphical HTML elements, you will then master the creation of graphical elements from data. You'll discover how to combine those elements into simple visualizations such as bar, line, and scatter charts, as well as more elaborate visualizations such as network diagrams, Sankey diagrams, maps, and choreopleths.

Using practical examples provided, you will quickly get to grips with the features of D3.js and use this learning to create your own spectacular data visualizations with D3.js.

What you will learn

  • Install and use D3.js to create HTML elements within the document
  • Use development tools such as JSBIN and Chrome Developer Tools to create D3.js applications
  • Retrieve JSON data and use D3.js selections and data binding to create visual elements from data
  • Create and style graphical elements such as circles, ellipses, rectangles, lines, paths, and text using SVG
  • Turn your data into bar and scatter charts, and add margins, axes, labels, and legends
  • Use D3.js generators to perform the magic of creating complex visualizations from data
  • Add interactivity to your visualizations, including tool-tips, sorting, hover-to-highlight, and grouping and dragging of visuals

About the Author

Michael Heydt is an independent consultant, programmer, educator, and trainer. He has a passion for learning and sharing his knowledge of new technologies. Michael has worked in multiple industry verticals, including media, finance, energy, and healthcare. Over the last decade, he worked extensively with web, cloud, and mobile technologies and managed user experience, interface design, and data visualization for major consulting firms and their clients. Michael's current company, Seamless Thingies (www.seamlessthingies.tech), focuses on IoT development and connecting everything with everything.

He is the author of numerous articles, papers, and books, such as Instant Lucene. NET, Learning Pandas, and Mastering Pandas for Finance, all by Packt Publishing, on technology. Michael is also a common speaker at .NET user groups and various mobile, cloud, and IoT conferences and delivers webinars on advanced technologies. He can be reached through his website e-mails, mike@heydt.org and mike@seamlessthingies.tech and on Twitter at @mikeheydt.

Table of Contents

  1. Getting Started with D3.js
  2. Selections and Data Binding
  3. Creating Visuals with SVG
  4. Creating a Bar Graph
  5. Using Data and Scales
  6. Creating Scatter and Bubble Plots
  7. Creating Animated Visuals
  8. Adding User Interactivity
  9. Complex Shapes Using Paths
  10. Using Layouts to Visualize Series and Hierarchical Data
  11. Visualizing Information Networks
  12. Creating Maps with GeoJSON and TopoJSON
  13. Combining D3.js and AngularJS

商品描述(中文翻譯)

主要特點



  • 學習使用D3.js提供的功能來創建數據驅動的可視化

  • 通過示例探索D3.js的概念，使您能夠快速創建包括圖表、網絡圖和地圖在內的可視化

  • 通過使用真實世界數據集的實際示例，展示如何使用D3.js將信息可視化並與之交互，以揭示其潛在含義

書籍描述


本書將帶您深入了解D3.js的所有概念，從最基本的概念開始，並在每個章節中逐步擴展，以擴大您對D3.js的知識。


從獲取D3.js並創建與非圖形HTML元素的簡單數據綁定開始，然後掌握從數據創建圖形元素。您將發現如何將這些元素組合成簡單的可視化，例如條形圖、折線圖和散點圖，以及更複雜的可視化，例如網絡圖、Sankey圖、地圖和choropleths。


通過提供的實際示例，您將迅速掌握D3.js的功能，並使用這些知識創建自己的壯觀數據可視化。

您將學到什麼



  • 安裝並使用D3.js在文檔中創建HTML元素

  • 使用JSBIN和Chrome開發者工具等開發工具創建D3.js應用程序

  • 檢索JSON數據，並使用D3.js選擇和數據綁定從數據創建可視元素

  • 使用SVG創建和設置圖形元素，如圓圈、橢圓、矩形、線條、路徑和文本

  • 將數據轉換為條形圖和散點圖，並添加邊距、軸、標籤和圖例

  • 使用D3.js生成器從數據創建複雜的可視化

  • 為您的可視化添加互動性，包括工具提示、排序、懸停高亮顯示以及可視化的分組和拖動

關於作者


Michael Heydt是一位獨立顧問、程序員、教育家和培訓師。他熱衷於學習並分享自己對新技術的知識。Michael在多個行業垂直領域工作，包括媒體、金融、能源和醫療保健。在過去的十年中，他廣泛使用Web、雲和移動技術，並為主要咨詢公司及其客戶管理用戶體驗、界面設計和數據可視化。Michael目前的公司Seamless Thingies（www.seamlessthingies.tech）專注於物聯網開發和連接一切與一切。


他是許多文章、論文和書籍的作者，例如《Instant Lucene.NET》、《Learning Pandas》和《Mastering Pandas for Finance》，這些都是由Packt Publishing出版的技術書籍。Michael還是.NET用戶組和各種移動、雲和物聯網會議的常見演講者，並提供高級技術的網絡研討會。您可以通過他的網站電子郵件（mike@heydt.org和mike@seamlessthingies.tech）以及Twitter（@mikeheydt）與他聯繫。

目錄



  1. 開始使用D3.js

  2. 選擇和數據綁定

  3. 使用SVG創建可視元素

  4. 創建條形圖

  5. 使用數據和比例尺

  6. 創建散點圖和氣泡圖

  7. 創建動畫可視化

  8. 添加用戶互動性

  9. 使用路徑創建複雜形狀

  10. 使用佈局可視化系列和階層數據

  11. 可視化信息網絡

  12. 使用GeoJSON和TopoJSON創建地圖

  13. 結合D3.js和AngularJS

類似商品