Data Visualization with D3 4.x Cookbook - Second Edition

Discover over 65 recipes to help you create breathtaking data visualizations using the latest features of D3
Preview in Mapt

Data Visualization with D3 4.x Cookbook - Second Edition

Nick Zhu

1 customer reviews
Discover over 65 recipes to help you create breathtaking data visualizations using the latest features of D3

Quick links: > What will you learn?> Table of content> Product reviews

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 14 Day Trial

Frequently bought together


Data Visualization with D3 4.x Cookbook - Second Edition Book Cover
Data Visualization with D3 4.x Cookbook - Second Edition
$ 35.99
$ 25.20
D3.js 4.x Data Visualization - Third Edition Book Cover
D3.js 4.x Data Visualization - Third Edition
$ 31.99
$ 22.40
Buy 2 for $35.00
Save $32.98
Add to Cart

Book Details

ISBN 139781786468253
Paperback370 pages

Book Description

This book gives you all the guidance you need to start creating modern data visualizations with D3 4.x that take advantage of the latest capabilities of JavaScript.

The book starts with the basic D3 structure and building blocks and quickly moves on to writing idiomatic D3-style JavaScript code. You will learn how to work with selection to target certain visual elements on the page, then you will see techniques to represent data both in programming constructs and its visual metaphor. You will learn how map values in your data domain to the visual domain using scales, and use the various shape functions supported by D3 to create SVG shapes in visualizations.

Moving on, you’ll see how to use and customize various D3 axes and master transition to add bells and whistles to otherwise dry visualizations. You’ll also learn to work with charts, hierarchy, graphs, and build interactive visualizations. Next you’ll work with Force, which is one of the most awe-inspiring techniques you can add to your visualizations, and you’ll implement a fully functional Choropleth map (a special purpose colored map) in D3.

Finally, you’ll learn to unit test data visualization code and test-driven development in a visualization project so you know how to produce high-quality D3 code.

Table of Contents

Chapter 1: Getting Started with D3.js
Introduction
Setting up a simple D3 development environment
Setting up an NPM-based development environment
Understanding D3-style JavaScript
Chapter 2: Be Selective
Introduction
Selecting a single element
Selecting multiple elements
Iterating through a selection
Performing subselection
Function chaining
Manipulating the raw selection
Chapter 3: Dealing with Data
Introduction
Binding an array as data
Binding object literals as data
Binding functions as data
Working with arrays
Filtering with data
Sorting with data
Loading data from a server
Asynchronous data loading using queue
Chapter 4: Tipping the Scales
Introduction
Using continuous scales
Using the time scale
Using the ordinal scale
Interpolating a string
Interpolating colors
Interpolating compound objects
Chapter 5: Playing with Axes
Introduction
Working with basic axes
Customizing ticks
Drawing grid lines
Dynamic rescaling of axes
Chapter 6: Transition with Style
Introduction
Animating a single element
Animating multiple elements
Using ease
Using tweening
Using transition chaining
Using transition filter
Listening to transitional events
Working with timer
Chapter 7: Getting into Shape
Introduction
Creating simple shapes
Using a line generator
Using line curve
Changing line tension
Using an area generator
Using area curve
Using an arc generator
Implementing arc transition
Chapter 8: Chart Them Up
Introduction
Creating a line chart
Creating an area chart
Creating a scatterplot chart
Creating a bubble chart
Creating a bar chart
Chapter 9: Lay Them Out
Introduction
Building a pie chart
Building a stacked area chart
Building a treemap
Building a tree
Building an enclosure diagram
Chapter 10: Interacting with Your Visualization
Introduction
Interacting with mouse events
Interacting with a multi-touch device
Implementing zoom and pan behavior
Implementing drag behavior
Chapter 11: Using Force
Introduction
Using gravity and charge
Customizing velocity
Setting the link constraint
Using force to assist visualization
Manipulating force
Building a force-directed graph
Chapter 12: Knowing Your Map
Introduction
Projecting the US map
Projecting the world map
Building a choropleth map
Chapter 13: Test Drive Your Visualization
Introduction
Getting Jasmine and setting up the test environment
Test driving your visualization - chart creation
Test driving your visualization - SVG rendering
Test driving your visualization - pixel-perfect bar rendering
Chapter 14: Building Interactive Analytics in Minutes
Introduction
The crossfilter.js library
Dimensional charting - dc.js

What You Will Learn

  • Get a solid understanding of the D3 fundamentals and idioms
  • Use D3 to load, manipulate, and map data to any kind of visual representation on the web
  • Create data-driven dynamic visualizations that update as the data does
  • Leverage the various modules provided by D3 to create sophisticated, dynamic, and interactive charts and graphics
  • Create data-driven transitions and animations within your visualizations
  • Understand and leverage more advanced concepts such as force, touch, and Geo data visualizations

Authors

Table of Contents

Chapter 1: Getting Started with D3.js
Introduction
Setting up a simple D3 development environment
Setting up an NPM-based development environment
Understanding D3-style JavaScript
Chapter 2: Be Selective
Introduction
Selecting a single element
Selecting multiple elements
Iterating through a selection
Performing subselection
Function chaining
Manipulating the raw selection
Chapter 3: Dealing with Data
Introduction
Binding an array as data
Binding object literals as data
Binding functions as data
Working with arrays
Filtering with data
Sorting with data
Loading data from a server
Asynchronous data loading using queue
Chapter 4: Tipping the Scales
Introduction
Using continuous scales
Using the time scale
Using the ordinal scale
Interpolating a string
Interpolating colors
Interpolating compound objects
Chapter 5: Playing with Axes
Introduction
Working with basic axes
Customizing ticks
Drawing grid lines
Dynamic rescaling of axes
Chapter 6: Transition with Style
Introduction
Animating a single element
Animating multiple elements
Using ease
Using tweening
Using transition chaining
Using transition filter
Listening to transitional events
Working with timer
Chapter 7: Getting into Shape
Introduction
Creating simple shapes
Using a line generator
Using line curve
Changing line tension
Using an area generator
Using area curve
Using an arc generator
Implementing arc transition
Chapter 8: Chart Them Up
Introduction
Creating a line chart
Creating an area chart
Creating a scatterplot chart
Creating a bubble chart
Creating a bar chart
Chapter 9: Lay Them Out
Introduction
Building a pie chart
Building a stacked area chart
Building a treemap
Building a tree
Building an enclosure diagram
Chapter 10: Interacting with Your Visualization
Introduction
Interacting with mouse events
Interacting with a multi-touch device
Implementing zoom and pan behavior
Implementing drag behavior
Chapter 11: Using Force
Introduction
Using gravity and charge
Customizing velocity
Setting the link constraint
Using force to assist visualization
Manipulating force
Building a force-directed graph
Chapter 12: Knowing Your Map
Introduction
Projecting the US map
Projecting the world map
Building a choropleth map
Chapter 13: Test Drive Your Visualization
Introduction
Getting Jasmine and setting up the test environment
Test driving your visualization - chart creation
Test driving your visualization - SVG rendering
Test driving your visualization - pixel-perfect bar rendering
Chapter 14: Building Interactive Analytics in Minutes
Introduction
The crossfilter.js library
Dimensional charting - dc.js

Book Details

ISBN 139781786468253
Paperback370 pages
Read More
From 1 reviews

Read More Reviews

Recommended for You

D3.js 4.x Data Visualization - Third Edition Book Cover
D3.js 4.x Data Visualization - Third Edition
$ 31.99
$ 22.40
D3.js: Cutting-edge Data Visualization Book Cover
D3.js: Cutting-edge Data Visualization
$ 71.99
$ 50.40
Data Visualization: Representing Information on Modern Web Book Cover
Data Visualization: Representing Information on Modern Web
$ 69.99
$ 49.00
Practical Data Science Cookbook Book Cover
Practical Data Science Cookbook
$ 29.99
$ 21.00
Mastering Blockchain Book Cover
Mastering Blockchain
$ 39.99
$ 28.00
Getting Started with Angular - Second Edition Book Cover
Getting Started with Angular - Second Edition
$ 27.99
$ 19.60