block by ckuijjer 6334231

Hot Dog Eating

Full Screen

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.

index.html

hot-dog-contest-winners.csv