D3 Exercises

Welcome to D3

In which we briefly introduce D3 and the major components.

• Exercises

Select

In which we learn how to search the DOM.

• Exercises

Append and Attr

In which we learn how to add elements and attributes to the DOM and hand code a simple chart.

• Exercises

Data

In which we learn about Data binding.

• Exercises

Enter and Exit

In which we learn the genius of the enter and exit selectors, and we draw a graph with plain old HTML5.

• Exercises

SVG

Let’s draw some circles and squares.

• Exercises

SVG Histogram

In which we create a graph data binding and SVG.

• Exercises

SVG Scatterplot

In which we create a graph using SVG

• Exercises

Transition

Animation can make a graph wonderful. With D3 it’s easy.

• Exercises

Events

In which we listen out for user interaction, and respond.

• Exercises

Scales

In which we normalise data for display.

• Exercises

Color Scales

In which we automatically assign colours to our data.

• Exercises

Axes

In which we automatically generate axes for our plots.

• Exercises

Ajax

We learn how to pull data-feeds directly from the internet via AJAX.

• Exercises

Parsing Data

We parse CSV and XML.

• Exercises

Paths

Drawing freeform SVG paths.

• Exercises

Pie Layout

Layouts help us transform data for display. Here we learn about the pie layout and use it to make a pie chart.

• Exercises