Book Overview & Buying
Table Of Contents

D3.js 4.x Data Visualization - Third Edition

By : Aendrew Rininsland , Teller

2 (2)

Buy this Book

D3.js 4.x Data Visualization

2 (2)

By: Aendrew Rininsland , Teller

Buy this Book

Overview of this book

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.

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

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

A Primer on DOM, SVG, and CSS

DOM

What exactly did we do here?

Scalable Vector Graphics

CSS

Summary

Shape Primitives of D3

Using paths

Axes

Summary

Making Data Useful

Thinking about data functionally

Scales

Loading data

Flow control

Geography

Summary

Defining the User Experience - Animation and Interaction

Animation

Interacting with the user

Behaviors

Summary

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

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

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

Having Confidence in Your Visualizations

Linting everything!

Static type checking: TypeScript versus Tern.js

Behavior-driven development with Mocha and Chai

Summary

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 need for this book

You will need a machine that is capable of running Node.js. We will discuss how to install this in the first chapter--you can run it on pretty much anything, but having a few extra gigabytes of RAM available will probably help you while developing. Some of the mapping examples later in the book are kind of CPU intensive, though most machines produced since 2014 should be able to handle it.

You should also have the latest version of your favorite web browser--mine is Chrome, and I use it in the examples, but Firefox also works well. You can also try to work in Safari or Internet Explorer/Edge, or Opera, or any number of other browsers, but I find Chrome's developer tools to be the best.

Tech Concepts

Programming languages

Tech Tools