search

tattle-made / website

Source code for Tattle's website.
https://tattle.co.in/
MIT License
2 stars 11 forks source link

Create a visualisation of blog posts published over the years #205

Open dennyabrain opened 6 days ago

dennyabrain commented 6 days ago

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 : Screenshot 2024-10-12 at 14-24-01 Calendar _ D3 Observable

Hovering on any of the blocks should show links to blogs that were published that day. Here's a visual reference for that Screenshot from 2024-10-12 14-25-22

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 commented 4 days ago

Can you please assign it to me?