Traffic data visualized!

Take a look at to see it in action! The code is available on Github: Feedback, comments and/or suggestions are always welcome! Consider starring the project if you liked it.

The story.

It is quite exciting times for data science (one of my interests). To improve my skills I thought it would be nice to learn d3.js, a javascript data visualization library. Using it in a project would be an excellent way to learn it. But to visualize data, one must first have data. I already had my eye on a site I discovered: . It is a site maintained by the Belgian government and has a great variety of data (A lot of governments have free data repositories, so maybe try googling yours and find some interesting data). I quickly found an interesting dataset with real time updates of the traffic in Flanders.

First I build a scraper to put the data from the API in a more friendly JSON format. Then I started building the frontend. I initially planned to screenshot a map of Flanders and put dots on top of it. However, this was much harder than expected. On the way, I discovered this super cool library leaflet.js. In fact, it was so feature rich, I didn't need d3.js anymore. So, eventually I didn't learn any d3, but still learned a lot about other topics and had loads of fun while making it!

Tristan Trouwen's photo

Tristan Trouwen


Write your comment…

I wholeheartedly second Fazle's opinion.

For me. an additional, relevant note is your wide-eyed wonder and willingness both to seek new knowledge and to be productively side-tracked when encountering different opportunities for richer learning. You entered a project with a set of goals and expectations. However, you did not permit those assumptions to blinder you a chance to accomplish BETTER goals. Bravo, sir, BRAVO!

Finally, this also offers a solid example of the sort of project aspiring developers can employ to build a portfolio (pay attention, <newDevs>kids!</newDevs>).

Reply to this…

Share your programming knowledge and learn from the best developers on Hashnode

Get started

Thanks for sharing it Tristan Trouwen. I am sure it'll help many developers. :)

Reply to this…