Create a visualisation of blog posts published over the years

[dennyabrain]

Overview :

We have around 100 blog posts on the tattle website. We want to make it easy to explore the various blog posts. Currently we have a way to filter blog posts by tags, we would like to now show a visualisation of when were the blog posts published.

Example Visualization :

Hovering on any of the blocks should show links to blogs that were published that day. Here's a visual reference for that

This visualization should be accessible on the path /blog/stats

Method

Using gatsby's APIs and javascript find a way to aggregate blog posts by their date of publication. Then using d3.js find a way to visualize them like the reference images above.

Learning Resources

introduction : https://www.d3indepth.com/
charts : https://observablehq.com/@d3/charts
official API documentation : https://d3js.org/getting-started
using d3 with react guide : https://d3js.org/getting-started#d3-in-react
making calendar : https://observablehq.com/@d3/calendar/2

[Mahimahto]

Can you please assign it to me?

[dennyabrain]

Progress on the yearly calendar by @Mahimahto