Data Visualization with D3.js Cookbook

Dimensional charting – dc.js

The crossfilter.js library

Introduction

Appendix A. Building Interactive Analytics in Minutes

Test driving your visualization – pixel-perfect bar rendering

Test driving your visualization – SVG rendering

Test driving your visualization – chart creation

Getting Jasmine and setting up the test environment

Introduction

Chapter 13. Test Drive your Visualization

Building a choropleth map

Projecting the world map

Projecting the US map

Introduction

Chapter 12. Know your Map

Building a force-directed graph

Manipulating force

Using force to assist visualization

Setting the link constraint

Generating momentum

Using gravity and charge

Introduction

Chapter 11. Using Force

Implementing drag behavior

Implementing zoom and pan behavior

Interacting with a multi-touch device

Interacting with mouse events

Introduction

Chapter 10. Interacting with your Visualization

Building an enclosure diagram

Building a tree

Building a treemap

Building a stacked area chart

Building a pie chart

Introduction

Chapter 9. Lay Them Out

Creating a bar chart

Creating a bubble chart

Creating a scatter plot chart

Creating an area chart

Creating a line chart

Introduction

Chapter 8. Chart Them Up

Implementing arc transition

Using an arc generator

Using area interpolation

Using an area generator

Changing line tension

Using line interpolation

Using a line generator

Creating simple shapes

Introduction

Chapter 7. Getting into Shape

Working with timer

Implementing a custom interpolator

Listening to transitional events

Using transition filter

Using transition chaining

Using tweening

Using ease

Animating multiple elements

Animating a single element

Introduction

Chapter 6. Transition with Style

Dynamic rescaling of axes

Drawing grid lines

Customizing ticks

Working with basic axes

Introduction

Chapter 5. Playing with Axes

Implementing a custom interpolator

Interpolating compound objects

Interpolating colors

Interpolating a string

Using the ordinal scale

Using the time scale

Using quantitative scales

Introduction

Chapter 4. Tipping the Scales

Loading data from a server

Sorting with data

Filtering with data

Working with arrays

Binding functions as data

Binding object literals as data

Binding an array as data

Introduction

Chapter 3. Dealing with Data

Manipulating the raw selection

Function chaining

Performing subselection

Iterating through a selection

Selecting multiple elements

Selecting a single element

Introduction

Chapter 2. Be Selective

Understanding D3-style JavaScript

Setting up an NPM-based development environment

Setting up a simple D3 development environment

Introduction

Chapter 1. Getting Started with D3.js

Preface

www.PacktPub.com

About the Reviewers

About the Author

Credits

版权信息

封面

封面

版权信息

Credits

About the Author

About the Reviewers

www.PacktPub.com

Preface

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

Chapter 4. Tipping the Scales

Introduction

Using quantitative scales

Using the time scale

Using the ordinal scale

Interpolating a string

Interpolating colors

Interpolating compound objects

Implementing a custom interpolator

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

Implementing a custom interpolator

Working with timer

Chapter 7. Getting into Shape

Introduction

Creating simple shapes

Using a line generator

Using line interpolation

Changing line tension

Using an area generator

Using area interpolation

Using an arc generator

Implementing arc transition

Chapter 8. Chart Them Up

Introduction

Creating a line chart

Creating an area chart

Creating a scatter plot 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

Generating momentum

Setting the link constraint

Using force to assist visualization

Manipulating force

Building a force-directed graph

Chapter 12. Know 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

Appendix A. Building Interactive Analytics in Minutes

Introduction

The crossfilter.js library

Dimensional charting – dc.js