Show HN: Monorail – Turn CSS animations into interactive SVG graphs (opens in new tab)

Hey HN,

I needed a few simple graphs for a blog post [0]. Instead of slapping together a few SVGs and moving on, I decided to write a whole library to parse CSS keyframe animations and convert them to interactive graphs.

It ended up being a rabbit hole, with a lot of caveats. But it was fun to make, and I'm really happy with the graphs it produces.

I'm not sure how useful it will be for others. If you end up using it, I'd love to see how - feel free to reach out.

It's open source [1] under the MIT license. Written in TypeScript with no dependencies.

Let me know what you think!

[0] https://muffinman.io/blog/css-image-glitch/

[1] https://github.com/Stanko/monorail