Data Visualization with D3 4.x Cookbook

Data Visualization with D3 4.x Cookbook - Second Edition

By : Nick Zhu

Buy this Book

Data Visualization with D3 4.x Cookbook - Second Edition

By: Nick Zhu

Buy this Book

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

Data Visualization with D3 4.x Cookbook - Second Edition

Credits

About the Author

About the Reviewer

www.PacktPub.com

Customer Feedback

Preface

Free Chapter

Getting Started with D3.js

Introduction

Setting up a simple D3 development environment

Setting up an NPM-based development environment

Understanding D3-style JavaScript

Be Selective

Introduction

Selecting a single element

Selecting multiple elements

Iterating through a selection

Performing subselection

Function chaining

Manipulating the raw selection

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

Tipping the Scales

Introduction

Using continuous scales

Using the time scale

Using the ordinal scale

Interpolating a string

Interpolating colors

Interpolating compound objects

Playing with Axes

Introduction

Working with basic axes

Customizing ticks

Drawing grid lines

Dynamic rescaling of axes

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

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

Chart Them Up

Introduction

Creating a line chart

Creating an area chart

Creating a scatterplot chart

Creating a bubble chart

Creating a bar chart

Lay Them Out

Introduction

Building a pie chart

Building a stacked area chart

Building a treemap

Building a tree

Building an enclosure diagram

Interacting with Your Visualization

Introduction

Interacting with mouse events

Interacting with a multi-touch device

Implementing zoom and pan behavior

Implementing drag behavior

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

Knowing Your Map

Introduction

Projecting the US map

Projecting the world map

Building a choropleth map

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

Building Interactive Analytics in Minutes

Introduction

The crossfilter.js library

Dimensional charting - dc.js

Customer Reviews

5 star

4 star

3 star

2 star

1 star

Introduction

One of the most fundamental tasks that you will need to perform with any data visualization project using D3 is selection. Selection helps you target certain visual elements on the page. If you are already familiar with the W3C-standardized CSS selector or other similar selector APIs provided by popular JavaScript libraries, such as jQuery and Zepto.js, then you will find yourself right at home with D3's selection API. Don't worry if you haven't used the selector API before; this chapter is designed to cover this topic in steps with the help of some very visual recipes. It will cover pretty much all common use cases for your data visualization needs.

Introducing selection

Selector support is standardized by W3C, so all modern web browsers have built-in support for the selector API. However, the basic W3C selector API has limitations when it comes to Web development, especially in the data visualization realm. The standard W3C selector API provides only the selector, but not the...

Data Visualization with D3 4.x Cookbook - Second Edition

By : Nick Zhu

Data Visualization with D3 4.x Cookbook - Second Edition

By: Nick Zhu

Overview of this book

Related Content you might be interested in

Current Title:

Data Visualization with D3 4.x Cookbook - Second Edition

Expert Data Visualization

D3.js 4.x Data Visualization

Learn D3.js

Introduction

Introducing selection