This project was created to address the learning gap in D3.js. While simple tutorials exist, the leap to the stunning real-world projects online is steep. To help bridge this, I built a 30-day challenge in Observable notebooks, where each day introduced new concepts, visualizations, or challenges.
The series started with fundamentals like scales, selections, and data binding, but quickly moved into real visualization challenges. One example was building a scatterplot with Spotify data containing nearly 30,000 points. I tackled overplotting using small circle sizes and opacity, then added animation to reveal points sequentially, and finally built rich tooltips for interactivity. Other notebooks explored advanced visualizations like hexbin plots and animated line graphs.