Posts Heatmap Calendar for Jekyll

Hey, so this post is broken. I moved platforms and some of my old tutorials don’t play nicely with WordPress. I’m working on fixing them, but in the meantime you can view the old version here:

This posts heatmap calendar gives a visual representation of when you posted on your Jekyll site. It loops through all of your posts, counts how many posts you have each day, creates a JSON string to hold them, then uses moment.js, D3.js and Cal-HeatMap to visualize them.

It automatically loads the current month on the right and it has responsive breakpoints at 1400px, 730px, and 420px. It will work on Github Pages because it doesn’t need any additional plugins to run. It only uses Liquid to do the counting and build the JSON string.

For more info and to use it, visit

Leave a Reply