Skip to content


There are two ways to work with diagrams:

  1. Embed in markdown, in conde-fences. So called text to diagram approach. For example
  2. Use as components inside MDX or Astro pages

Ideal solution

  • it would be rendered as (inline) SVG on the server side
    • so no JS required on the client-side
    • people can use Cmd + F to search text
  • style it with CSS-variables (or CSS-classes)
    • so it would be possible to implement dark mode without JS
  • optionally add small JS to implement pan/zoom/drag