Recreating a stacked area chart
December 4, 2024This week I recreated a stacked area chart from Prinz Magtulis on the increase of jackpot winners in Philippine lotto games. Prinz Magtulis participated in its creation.
Warning: Data may be inaccurate compared to the source.Recreation
Highlights
This is the second stacked area chart that I recreated during the challenge. I loved doing it even though it was a bit complicated to replicate the data. I must admit there was some confusion, I don't remember how I got to the Prinz Magtulis visualization. From the beginning, I made the decision only to recreate visualizations published in the media. I got distracted and inadvertently selected a visualization from another information designer's project. Prinz is a Graphics reporter for Reuters, I recommend you look at his portfolio and see everything he has visualized. He has amazing personal projects.
- I'm still looking at the "best way" to include elements/text over the SVG, but I think I've found the way I'm most comfortable with. I feel I have my style more defined. To be honest, sometimes it's weird to me how different it is to use D3 and Svelte, even though this challenge is just D3, I usually use both, or one, in other projects.
- I'm becoming more and more comfortable with the features of D3. I used to ignore many of the features and overworked myself in trying to figure something out. Since I first used d3.filter(), I haven't stopped taking advantage of it. As in many languages and libraries, reviewing the documentation is a must and D3's documentation is well worth it: https://d3js.org/getting-started