[FR] Add 3D Contributions Calendar for Chapter Word Counts

[njncalub]

Description

I want to see the word counts in 3D, similar to the GitHub Skyline.

Motivation

I want another way to visualize the word counts over the years.

Suggested Implementation

See example projects:

• https://github.com/CatsJuice/ssr-contributions-img
• https://medium.com/@catsjuice/fake-3d-bar-chart-with-svg-js-134684bd5100
• https://twitchtracker.com/pirateaba/streams

But I would suggest using https://github.com/pmndrs/react-three-fiber.

Alternate Implementations

Use plain 2D charts for now.

[njncalub]

Updates on this:

• [x] I've created a script that parses the chapter word counts and creates multi-dimensional arrays for each week that will be used in the chart
• [x] I've finished a 3-hour course for Three.js. I still need to do the sample projects for it, though.

[njncalub]

I created the page here: https://titan.inndex.omg.lol/

I used Next.js and React Three Fiber to achieve the desired result.

I will create a blog post on how to recreate it.

[njncalub]

Added the blog post here: https://napjose.ph/posts/create-a-3d-contribution-chart-using-react-three-fiber