I built this as part of my quest to properly learn data visualization. The code is the easy part!
Some lessons learned:
- personal verification of the the general truth that pie charts are tough! and the returns are not great for the effort due to people's difficulties perceiving angles
- may not use "vanilla" d3 with no React. was difficult to adapt for mobile
- the GitHub API provides fairly standardized responses so building dynamic charts wasn't too bad. But when working with streaming data (say Kafka) I can see this getting interesting... schema registry should help but creating a view into the data with a lookback would be interesting with d3, done it with altair before.
At first, I thought the page was broken because there was no indication that anything was happening. Once the content is generated, you could add a message to scroll down, especially on Macs, where browsers don't show the scrollbar by default.
> the GitHub API provides fairly standardized responses so building dynamic charts wasn't too bad.
Out of curiosity, which criteria did you use for the "Other" section in the language chart? Aggregating everything below a certain percentage? Your page shows only TS and Other for my repos. All 7 languages used in the repo are shown on GH.
---
If you make a demo visualizing real-time data from Kafka make sure to share it as well :)
reply