The Y-axis indicates the rank during any month, while the X-axis is time. Originally this was just for the last year, but I added a slider when I wanted to see farther back.
The lines connect a book by month, and you can click on a book to highlight it's path. You can enter a title, series or author in the input box and I'll highlight all matching books and connectors.
The "Labs" side is inspired by Digg labs back in the day. They'd create tons of fun projects to understand and explore their data, and I'm excited to try doing more of that myself.
Under the hood, the backend is Ruby on Rails, using Inertia.js to a React.js front-end. All data is cached using Solid Cache in Postgres, so it loads pretty fast (except when the cache expires and it has to do a query for each month). On the front-end it uses D3.js for most of the logic, reusing some of the same foundational components as our Stats section.
This one was mostly created using Claude Code and Opus 4.5. I've been playing around with using Happy (remote claude runner) and CloudFlare zero-trust dev tunnels to be able to work on things from my phone on my computer. Most of this was "programmed" from my phone on Thanksgiving night during a Creatures Great and Small marathon on PBS.
If you have any feedback, bugs or suggestions on how to improve this I'd love to hear them! I'm a huge fan of data visualizations, and can spend entirely too long playing with them, so this has been a work of love.