Recreating a line chart
December 27, 2024This week I recreated a line chart from Frankfurter Allgemeine Zeitung on the performance of the DAX index over the past years. Julia Bellan participated in its creation.
Warning: Data may be inaccurate compared to the source.Recreation
Highlights
This is the second line chart of the challenge, and although I liked the result, the difference in the axes is noticeable. The data I found came with the values in euros, while the original was in "points". I tried to adjust it, but I could never get it right.
- To practice, I imported the dirty data and cleaned it using D3. In any scenario, it is easier to do it externally with Python, but I saw the opportunity and took advantage of it. D3 has several ways to do it
- I hadn't recreated a tooltip for a long time, especially one that was so fluid and had some hidden tricks. When hovering around the line, the tooltip appeared, and the only way to replicate it that I could think of was to make an invisible line with a bigger stroke behind the main line. I've used this resource before, and it worked quite well. But I'm sure there will be something else, or some other solution because the difference in fluidity is very evident.
- I'll try to seek more diversity in the media I choose. It's also not something I can control 100% because I usually look for visualizations without looking so much at who made it. This is the first German media and I would like to get others from Europe in the coming weeks.