Skip to content

Instantly share code, notes, and snippets.

View ckuijjer's full-sized avatar
💭
👻

Casper Kuijjer ckuijjer

💭
👻
View GitHub Profile
@ckuijjer
ckuijjer / README.md
Last active August 24, 2017 19:09
Top Three Hot Dog Eaters

An implementation in D3 of Figure 4-21 "Stacked bar chart showing top three eaters from 2000 to 2010" in "Visualize This" by Nathan Yau.

@ckuijjer
ckuijjer / README.md
Last active December 21, 2015 16:29
Hot Dog Eating

An implementation in D3 of Figure 4-5 "Bar graph showing results from Nathan's Hot Dog Eating Contest" in "Visualize This" by Nathan Yau.

The chart is implemented using SVG, and I've manually added the text boxes as HTML DIV elements. Likely it's better to also add the text boxes as SVG.

I've tried to make the chart as much like the one in the book, but there are at least two issues:

  1. The layout is off, the chart in the book looks way better (for example take a look at the distance between the text boxes or the start and end of the X-axis).
  2. The Y-axis looks different, I'm not sure how to fix this.