Music Streaming with D3

This is my very first visualisation made completely in D3.js 🎉 It shows how much time I spent listening to my favourite artist—Ludovico Einaudi—in the past 12 months.

October 15, 2020
Tools used
D3.js, Python
Scroll Down

The Process

The biggest lesson I learned from this project can be summarised with the following quote: "data has a better idea". At the early stages of the process, I was sure I was going to create a radial chart. In fact, it’s one of the reasons I was learning D3.js—to design more complex visualisations with reusable code. But even though I had a cool visualisation in mind from the start, I had to abandon this idea after exploring the data. It just didn't work. It was a good reminder that when we design with data, data knows best. If you want to know more about the design process of this project, read this extensive blog post.

Hover over the image