D3.js 4.x Data Visualization - Third Edition

Create and publish your own interactive and compelling data visualizations with D3.js 4.x
Preview in Mapt

D3.js 4.x Data Visualization - Third Edition

Ændrew Rininsland, Swizec Teller

2 customer reviews
Create and publish your own interactive and compelling data visualizations with D3.js 4.x

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

Mapt Subscription
FREE
$29.99/m after trial
eBook
$22.40
RRP $31.99
Save 29%
Print + eBook
$39.99
RRP $39.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
$22.40
$39.99
$29.99 p/m after trial
RRP $31.99
RRP $39.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


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
Buy 2 for $35.00
Save $68.98
Add to Cart

Book Details

ISBN 139781787120358
Paperback308 pages

Book Description

Want to get started with impressive interactive visualizations and implement them in your daily tasks? This book offers the perfect solution-D3.js. It has emerged as the most popular tool for data visualization.

This book will teach you how to implement the features of the latest version of D3 while writing JavaScript using the newest tools and technique

You will start by setting up the D3 environment and making your first basic bar chart. You will then build stunning SVG and Canvas-based data visualizations while writing testable, extensible code,as accurate and informative as it is visually stimulating. Step-by-step examples walk you through creating, integrating, and debugging different types of visualization and will have you building basic visualizations (such as bar, line, and scatter graphs) in no time.

By the end of this book, you will have mastered the techniques necessary to successfully visualize data and will be ready to use D3 to transform any data into an engaging and sophisticated visualization.

Table of Contents

Chapter 1: Getting Started with D3, ES2017, and Node.js
What is D3.js?
What's new in D3 v4?
What's ES2017?
Getting started with Node and Git on the command line
A quick Chrome Developer Tools primer
The obligatory bar chart example
Summary
Chapter 2: A Primer on DOM, SVG, and CSS
DOM
What exactly did we do here?
Scalable Vector Graphics
CSS
Summary
Chapter 3: Shape Primitives of D3
Using paths
Axes
Summary
Chapter 4: Making Data Useful
Thinking about data functionally
Scales
Loading data
Flow control
Geography
Summary
Chapter 5: Defining the User Experience - Animation and Interaction
Animation
Interacting with the user
Behaviors
Summary
Chapter 6: Hierarchical Layouts of D3
What are layouts and why should you care?
Hierarchical layouts
Tree the whales!
Muster the cluster!
Money for nothing, treemaps for free (maps)
Smitten with partition
Pack it up, pack it in, let me begin...
Bonus chart! Sunburst radial partition joy!
Summary
Chapter 7: The Other Layouts
Hoorah for modular code
When the moon hits your eye (chart), like a big pizza pie (chart)
Histograms, Herstograms, Yourstograms, and Mystograms
Striking a chord
May the force (simulation) be with you
Got mad stacks
Bonus chart - Streamalicious!
Summary
Chapter 8: D3 on the Server with Canvas, Koa 2, and Node.js
Readying the environment
All aboard the Koa train to servertown!
Proximity detection and the Voronoi geom
Rendering in Canvas on the server
Deploying to Heroku
Summary
Chapter 9: Having Confidence in Your Visualizations
Linting everything!
Static type checking: TypeScript versus Tern.js
Behavior-driven development with Mocha and Chai
Summary
Chapter 10: Designing Good Data Visualizations
Choosing the right dimensions, choosing the right chart
Clarity, honesty, and a sense of purpose
Helping your audience understand scale
Using color effectively
Understanding your audience
Summary

What You Will Learn

  • Map data to visual elements using D3's scales
  • Draw SVG elements using D3's shape generators
  • Transform data using D3's collection methods
  • Use D3's various layout patterns to quickly generate various common types of chart
  • Write modern JavaScript using ES2017 and Babel
  • Explore the basics of unit testing D3 visualizations using Mocha and Chai
  • Write and deploy a simple Node.js web service to render charts via HTML Canvas
  • Understand what makes a good data visualization and how to use the tools at your disposal to create accurate charts

Authors

Table of Contents

Chapter 1: Getting Started with D3, ES2017, and Node.js
What is D3.js?
What's new in D3 v4?
What's ES2017?
Getting started with Node and Git on the command line
A quick Chrome Developer Tools primer
The obligatory bar chart example
Summary
Chapter 2: A Primer on DOM, SVG, and CSS
DOM
What exactly did we do here?
Scalable Vector Graphics
CSS
Summary
Chapter 3: Shape Primitives of D3
Using paths
Axes
Summary
Chapter 4: Making Data Useful
Thinking about data functionally
Scales
Loading data
Flow control
Geography
Summary
Chapter 5: Defining the User Experience - Animation and Interaction
Animation
Interacting with the user
Behaviors
Summary
Chapter 6: Hierarchical Layouts of D3
What are layouts and why should you care?
Hierarchical layouts
Tree the whales!
Muster the cluster!
Money for nothing, treemaps for free (maps)
Smitten with partition
Pack it up, pack it in, let me begin...
Bonus chart! Sunburst radial partition joy!
Summary
Chapter 7: The Other Layouts
Hoorah for modular code
When the moon hits your eye (chart), like a big pizza pie (chart)
Histograms, Herstograms, Yourstograms, and Mystograms
Striking a chord
May the force (simulation) be with you
Got mad stacks
Bonus chart - Streamalicious!
Summary
Chapter 8: D3 on the Server with Canvas, Koa 2, and Node.js
Readying the environment
All aboard the Koa train to servertown!
Proximity detection and the Voronoi geom
Rendering in Canvas on the server
Deploying to Heroku
Summary
Chapter 9: Having Confidence in Your Visualizations
Linting everything!
Static type checking: TypeScript versus Tern.js
Behavior-driven development with Mocha and Chai
Summary
Chapter 10: Designing Good Data Visualizations
Choosing the right dimensions, choosing the right chart
Clarity, honesty, and a sense of purpose
Helping your audience understand scale
Using color effectively
Understanding your audience
Summary

Book Details

ISBN 139781787120358
Paperback308 pages
Read More
From 2 reviews

Read More Reviews

Recommended for You

D3.js: Cutting-edge Data Visualization Book Cover
D3.js: Cutting-edge Data Visualization
$ 71.99
$ 50.40
Mastering D3.js Book Cover
Mastering D3.js
$ 32.99
$ 23.10
Deep Learning with Keras Book Cover
Deep Learning with Keras
$ 39.99
$ 28.00
The Node Craftsman Book Book Cover
The Node Craftsman Book
$ 31.99
$ 22.40
Learning Web Development with Bootstrap and AngularJS Book Cover
Learning Web Development with Bootstrap and AngularJS
$ 39.99
$ 28.00
Mastering Blockchain Book Cover
Mastering Blockchain
$ 39.99
$ 28.00