Posts Heatmap Calendar for Jekyll

July 4, 2016

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

Find this post useful?

Buy me a coffeeBuy me a coffee