Skip to content

Instantly share code, notes, and snippets.

View jennyknuth's full-sized avatar

Jenny Knuth jennyknuth

View GitHub Profile
@jennyknuth
jennyknuth / D3.js-heat-map-tutorial.md
Last active March 6, 2023 18:19
How to make a heat map like GitHub's commit chart with D3.js

Make a heat map graphic with D3.js

This gist contains the code to create a simple "heat map" with D3.js. In this case, the "heat map" is a graph showing activity distributed over the days of the week on one axis and the weeks of the year on the other.

d3 heat map graphic

This gist is meant to be used as part of a workshop where the code is uncommented as the workshop progresses.

It could also be used as a puzzle outside of a workshop: follow the clues to reconstruct the correct code and make it work!