Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Data Visualization with D3 4.x Cookbook - Second Edition

By : Nick Zhu

2.3 (3)

Data Visualization with D3 4.x Cookbook

2.3 (3)

By: Nick Zhu

Overview of this book

Master D3.js and create amazing visualizations with the Data Visualization with D3 4.x Cookbook. Written by professional data engineer Nick Zhu, this D3.js cookbook features over 65 recipes. ? Solve real-world visualization problems using D3.js practical recipes ? Understand D3 fundamentals ? Includes illustrations, ready-to-go code samples and pre-built chart recipes

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Sections

Conventions

Reader feedback

Customer support

Free Chapter

1. Getting Started with D3.js

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

2. Be Selective

2. Be Selective

Introduction

Selecting a single element

Selecting multiple elements

Iterating through a selection

Performing subselection

Function chaining

Manipulating the raw selection

3. Dealing with Data

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

4. Tipping the Scales

4. Tipping the Scales

Introduction

Using continuous scales

Using the time scale

Using the ordinal scale

Interpolating a string

Interpolating colors

Interpolating compound objects

5. Playing with Axes

5. Playing with Axes

Introduction

Working with basic axes

Customizing ticks

Drawing grid lines

Dynamic rescaling of axes

6. Transition with Style

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

7. Getting into Shape

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

8. Chart Them Up

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

9. Lay Them Out

9. Lay Them Out

Introduction

Building a pie chart

Building a stacked area chart

Building a treemap

Building a tree

Building an enclosure diagram

10. Interacting with Your Visualization

10. Interacting with Your Visualization

Introduction

Interacting with mouse events

Interacting with a multi-touch device

Implementing zoom and pan behavior

Implementing drag behavior

11. Using Force

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

12. Knowing Your Map

12. Knowing Your Map

Introduction

Projecting the US map

Projecting the world map

Building a choropleth map

13. Test Drive Your Visualization

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

Appendix. Building Interactive Analytics in Minutes

Appendix. Building Interactive Analytics in Minutes

Introduction

The crossfilter.js library

Dimensional charting - dc.js

Test driving your visualization - chart creation

With test environment ready, we can move on and develop a simple bar chart very similar to what we have done in the Creating a bar chart recipe in Chapter 8, Chart Them Up, though this time in a test-driven fashion. You can see how the bar chart looks if you open the tdd-bar-chart.html page:

Test driving your visualization - chart creation

Test driven bar chart

By now we all know very well how to implement a bar chart using D3; however, building a bar chart is not the focus of this recipe. Instead, we want to show how we can build test cases every step of the way and verify automatically that our bar chart implementation is doing what it is supposed to do. The source code of this recipe was built using test driven development method; however, we will not show you every step in the TDD process due to limited scope in this book. Instead, we have grouped multiple steps into three larger sections with different focuses in this chapter and this recipe is the first step we take.

Getting ready

Open...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Data Visualization with D3 4.x Cookbook

Search

Your notes and bookmarks