Bite-sized data visualization exercises using D3.js, with inspiration from the best of the web and beyond.

“For the things we have to learn before we can do them, we learn by doing them.” ― Aristotle, The Nicomachean Ethics

  • Funny bar graph
    01
    Bar Graph with Text Ticks
  • Ironman medals
    02
    Vertically Centered Time Series
  • Summer heat
    03
    Compound Scatter/Bar Graph
  • Summer heat II
    04
    Heatmap
  • Baby Names I
    05
    Selection.join and Transitions
  • Baby Names II
    06
    Slopegraph (pt. 1)
  • Generative Art I
    07
    Generative Art on a Grid
  • Stack Exchange
    08
    Slopegraph pt.2: Improved with Data Points
  • Stack Exchange
    09
    Stacked Bar Chart
  • Stack Exchange
    10
    A Streamgraph
  • Women in Parliament
    11
    Pictogram (Part 1)
  • Women in Parliament
    12
    Pictogram (Part 2)
  • Google Trends and Drones
    13
    Adding a Tooltip To A Chart
  • Public Mask Use in the US
    14
    Displaying Distributions