D3.js By Example

Create attractive web-based data visualizations using the amazing JavaScript library D3.js
Preview in Mapt
Code Files

D3.js By Example

Michael Heydt

1 customer reviews
Create attractive web-based data visualizations using the amazing JavaScript library D3.js
Mapt Subscription
FREE
$29.99/m after trial
eBook
$25.20
RRP $35.99
Save 29%
Print + eBook
$44.99
RRP $44.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$25.20
$44.99
$29.99 p/m after trial
RRP $35.99
RRP $44.99
Subscription
eBook
Print + eBook
Start 30 Day Trial

Frequently bought together


D3.js By Example Book Cover
D3.js By Example
$ 35.99
$ 25.20
Learning D3.js 4 Mapping - Second Edition Book Cover
Learning D3.js 4 Mapping - Second Edition
$ 35.99
$ 25.20
Buy 2 for $35.00
Save $36.98
Add to Cart

Book Details

ISBN 139781785280085
Paperback304 pages

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.

Table of Contents

Chapter 1: Getting Started with D3.js
A brief overview of D3.js
Tools for creating and sharing D3.js visualizations
Google Chrome and Developer tools
Hello World – D3.js style
Examining the DOM generated by D3.js
Summary
Chapter 2: Selections and Data Binding
D3.js selections
D3.js and data binding
Summary
Chapter 3: Creating Visuals with SVG
Introducing SVG
The basic shapes provided by SVG
Applying CSS styles to SVG elements
Strokes, caps, and dashes
Applying SVG transforms
Groups
Transparency
Layers
Summary
Chapter 4: Creating a Bar Graph
The basic bar graph
Margins and axes
Summary
Chapter 5: Using Data and Scales
Data
Scales
Summary
Chapter 6: Creating Scatter and Bubble Plots
Creating scatter plots
Creating a bubble plot
Summary
Chapter 7: Creating Animated Visuals
Introduction to animation
Adding a fifth dimension to a bubble plot – time
Summary
Chapter 8: Adding User Interactivity
Handling mouse events
Using behaviors to drag, pan, and zoom
Enhancing a bar graph with interactivity
Highlighting selected items using brushes
Summary
Chapter 9: Complex Shapes Using Paths
An overview of path data generators
Drawing line graphs using interpolators
Summary
Chapter 10: Using Layouts to Visualize Series and Hierarchical Data
Using stacked layouts
Visualizing hierarchical data
Representing relationships with chord diagrams
Techniques to demonstrate the flow of information
Summary
Chapter 11: Visualizing Information Networks
An overview of force-directed graphs
A simple force-directed graph
Using link distance to spread out the nodes
Adding repulsion to nodes for preventing crossed links
Summary
Chapter 12: Creating Maps with GeoJSON and TopoJSON
Introducing TopoJSON and GeoJSON
Creating a map of the United States
Styling the map of the United States
Creating a flat map of the world
Spicing up a globe
Adding interactivity to maps
Annotating a map
Summary
Chapter 13: Combining D3.js and AngularJS
An overview of composite visualization
Creating a bar graph using AngularJS
Adding a second directive for a donut
Adding a detail view and interactivity
Updating graphs upon the modification of details data
Summary

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

Authors

Table of Contents

Chapter 1: Getting Started with D3.js
A brief overview of D3.js
Tools for creating and sharing D3.js visualizations
Google Chrome and Developer tools
Hello World – D3.js style
Examining the DOM generated by D3.js
Summary
Chapter 2: Selections and Data Binding
D3.js selections
D3.js and data binding
Summary
Chapter 3: Creating Visuals with SVG
Introducing SVG
The basic shapes provided by SVG
Applying CSS styles to SVG elements
Strokes, caps, and dashes
Applying SVG transforms
Groups
Transparency
Layers
Summary
Chapter 4: Creating a Bar Graph
The basic bar graph
Margins and axes
Summary
Chapter 5: Using Data and Scales
Data
Scales
Summary
Chapter 6: Creating Scatter and Bubble Plots
Creating scatter plots
Creating a bubble plot
Summary
Chapter 7: Creating Animated Visuals
Introduction to animation
Adding a fifth dimension to a bubble plot – time
Summary
Chapter 8: Adding User Interactivity
Handling mouse events
Using behaviors to drag, pan, and zoom
Enhancing a bar graph with interactivity
Highlighting selected items using brushes
Summary
Chapter 9: Complex Shapes Using Paths
An overview of path data generators
Drawing line graphs using interpolators
Summary
Chapter 10: Using Layouts to Visualize Series and Hierarchical Data
Using stacked layouts
Visualizing hierarchical data
Representing relationships with chord diagrams
Techniques to demonstrate the flow of information
Summary
Chapter 11: Visualizing Information Networks
An overview of force-directed graphs
A simple force-directed graph
Using link distance to spread out the nodes
Adding repulsion to nodes for preventing crossed links
Summary
Chapter 12: Creating Maps with GeoJSON and TopoJSON
Introducing TopoJSON and GeoJSON
Creating a map of the United States
Styling the map of the United States
Creating a flat map of the world
Spicing up a globe
Adding interactivity to maps
Annotating a map
Summary
Chapter 13: Combining D3.js and AngularJS
An overview of composite visualization
Creating a bar graph using AngularJS
Adding a second directive for a donut
Adding a detail view and interactivity
Updating graphs upon the modification of details data
Summary

Book Details

ISBN 139781785280085
Paperback304 pages
Read More
From 1 reviews

Read More Reviews

Recommended for You

Learning d3.js Data Visualization - Second Edition Book Cover
Learning d3.js Data Visualization - Second Edition
$ 31.99
$ 22.40
Unity AI Game Programming - Second Edition Book Cover
Unity AI Game Programming - Second Edition
$ 39.99
$ 28.00
LaTeX Beginner's Guide Book Cover
LaTeX Beginner's Guide
$ 26.99
$ 18.90
Statistical Analysis with R Book Cover
Statistical Analysis with R
$ 26.99
$ 18.90
Data Visualization with D3 4.x Cookbook - Second Edition Book Cover
Data Visualization with D3 4.x Cookbook - Second Edition
$ 35.99
$ 25.20
Using CiviCRM Book Cover
Using CiviCRM
$ 35.99
$ 25.20