tikzjax VS mermaid

Do you want the TeX code to be converted to svg in the browser at rendering time or are you ok with converting the figures to svg beforehand and including them in your html files?

For the former I would look at TikZjaX (https://github.com/kisonecat/tikzjax) which takes tikz code and convert it to svg on the fly, just like MathJaX converting TeX equations. It may be slow, though, especially for complicated plots.

If you are OK with creating the figures beforehand and serving the generated svg, there are several options: Asymptote (https://asymptote.sourceforge.io/) can generate svg and even html files that you can embed in an iframe. You can convert any TeX figure to svg with dvisvgm (play with the --font-format option).

This was my first thought, but the last comment in that page linked above is promising. Someone has the real tikz running in the web browser, rendering to svg: https://github.com/kisonecat/tikzjax It might a simple matter of translating tikz-fenced code blocks to the appropriate script tag and letting that script do its thing.

Mermaid - https://mermaid.js.org/

This is an Issue I opened up for a potential feature. A couple weeks ago, I added nomnoml support to ChatCraft. ChatCraft renders previews for Mermaid and Nomnoml.

Mermaid JS is a powerful JavaScript library that allows developers to create complex diagrams and visualizations using simple text and code syntax. It’s a lot like markdown, but for charts instead of plain text.

Currently, ChatCraft supports Mermaid rendering. This feature request involves adding support for nomnoml rendering. Nomnoml is similar to Mermaid, in that they're both used in generating uml diagrams.

Marimo looks and feels great!

Have you considered adding support for mermaid.js in the markdown? I tried including some mermaid.js in a `mo.md` invocation, but it didn't render the diagram :-)

https://mermaid.js.org/

This feels like the LaTeX version of Mermaid.js [0]. I can do anything with it, but I gotta learn a lot of new syntax. So, really cool! Gonna have to dig into this.

[0] https://mermaid.js.org/