We're using Ghost as our blogging platform with deliberate constraints. Constraints aside, if you notice throughout the article, I'm using Codepen to help visualize the edits as I make them. This helps reinforce the concepts and is pretty low friction. I also provide the link at the end so readers can follow along. Thanks for reading!
I would look at your scaling. When I saw this post on Medium, I didn't really notice the gif-ness. On bitmatica.com it looks like everything is scaled & blurred - which makes everything look out of focus.
They appear to be non-retina for me on iOS too.
Because it's also displaying the CSS edits, so you can see the SVG animation that results from the corresponding CSS edit.
Could be done by embedding a codepen widget or anything similar.
Right now the page is full of fuzzy images, on a post about vector graphics and code...
That would let you modify the code, but it wouldn't demonstrate the author modifying the values and the corresponding CSS changes. You'd have to do all that yourself.