D3 Tutorial

d3.js version 7 (v7.8.5)

Table of contents

Introduction

  1. Preface
    1. What is D3?
    2. Context of this tutorial

Selection

  1. Transforming the DOM
    1. Introduction
    2. Selecting elements
      1. Filtering selections
    3. Modifying elements
      1. Cloning selections
  2. Joining data
    1. The data join
    2. selection.join
    3. Examples
  3. Event handling
    1. selection.on()
    2. pointer()
  4. Control flow
    1. each()
    2. call()

Scales and Axes

  1. Linear scales
    1. Scales
    2. d3.scaleLinear
      1. Nice ticks
      2. Flipping the range
      3. Clamping
      4. Unknown
      5. Piecewise scales
      6. Invert
    3. Time scales
      1. d3.scaleTime()
      2. d3.scaleUtc()
  2. Interpolators
    1. Non-numeric range
    2. Round ranges
    3. String and object ranges
  3. Sequential & diverging scales
    1. Color scales
    2. Sequential scales
      1. Non-linear sequential scales
    3. Diverging scales
  4. Continuous non-linear scales
    1. Scales for continuous quantitative data
    2. Power scales
    3. Square root scales
    4. Logarithmic scales
    5. Symlog scales
  5. Quantile & quantize scales
    1. Introduction
    2. Quantile scales
    3. Quantize scales
    4. Threshold scales
  6. Categorical scales
    1. Introduction
    2. Ordinal scales
    3. Band scales
    4. Point scales
  7. Axes
    1. Creating axes
    2. Axis update
    3. Configuring ticks
      1. Number of ticks
      2. Formatting tick values
      3. Styling the ticks

Shapes

  1. Lines
    1. Chart types
    2. Line generator
    3. .defined()
    4. .curve()
    5. Render to <canvas>
    6. Radial lines
  1. Areas
    1. Area charts
    2. Area generator
    3. Radial areas
    4. Stacks
      1. stack.value()
      2. stack.order()
      3. stack.offset()
  1. Arcs
    1. Pie and donut charts
    2. Arc generator
    3. Pie generator
      1. pie.value()
      2. Sorting
    4. Styling the pie
  1. Symbols
    1. Symbol generator
    2. Fill or stroke
  1. Links

Interactions

  1. Picking, dragging and brushing
  1. Panning and zooming

Layouts

  1. Hierarchies
  1. Chord Diagrams
  1. Force-directed graphs
  1. Circle-packing
  1. Voronoi
  1. Contours

Geographic maps

  1. Geographical shapes
    1. GIS file formats
    2. GeoJSON
    3. Geographic path generators
    4. Projections
      1. Geodesics
      2. Projection configuration
      3. Choosing a map projection
  2. Interact with and animate geographic maps
    1. Animation
    2. Event handling
  3. Thematic maps
    1. Introduction
    2. Mapping geographic coordinates
      1. Proportional symbol maps
    3. Mapping mutual identifiers
      1. Choropleth maps