How pierre diffs codeviewer component works

I've been generating these types of interactive diagrams with Fable 5 and found success with this skill:

https://github.com/plannotator/effective-html