What did you use to make the bump chart? I've used eCharts https://echarts.apache.org/examples/en/editor.html?c=bump-ch...

Yours looks cleaner and I love the way you handled the off chart samples with dashed lines, that's a great idea.

Also, using a central area below the chart to show which is highlighted is also great for those that in the past fell off and are no longer on the chart, but naturally people are curious and want to click to see what their names are.

Here's the eCharts BumpChart on AppGoblin, showing the latest Google Play Store rankings: https://appgoblin.info/rankings/store/1/collection/1/categor...

But you can see that doing it that way there it's not really clear where / to the apps that just popped into the top 10 came or went.

I'll try adding the selection area like you have, eg:

Cantique de Jean Racine, Op. 11 (Fauré, Gabriel)

2001: Ranked 100th

2010: No Rank

2021: No Rank

Great little chart, thanks!

Thank you! I really appreciate it. The eCharts bump charts look great.

I kind of rolled my own generated SVG paths. I wanted to learn a bit more about how Bezier curves worked, and this seemed like a good opportunity to figure it out.

Not 100% happy with my implementation, but I learned a lot from tinkering with it.