I’ve put a tutorial together. that shows the procedure: how to create the SVG in Inkscape, how to animate it using my HTML/javascript, how to record the animation using OBS. It is not intended to be an introduction in depth to these applications. There are lots of useful introductory videos on them on the web, e.g.
OBS: https://www.youtube.com/watch?v=ySENWFIkL7c
Inkscape: https://www.youtube.com/watch?v=pa6a7oz7vEE
https://www.youtube.com/watch?v=qq7HsMvEVmU
SVG: https://www.w3schools.com/graphics/svg_intro.asp
Unfortunately it was a bit rushed as I am busy with other things at the moment, and it’s not up to the standard I would like. I will tidy it up and put it on my channel on Vimeo. In the meantime you can view it here:
https://vimeo.com/500176281