Diagrams

There are two ways to work with diagrams:

1. Embed in markdown, in conde-fences. So called text to diagram ↗ approach. For example
   • Mermaid
   • Gnuplot diagram
   • Graphviz diagram
   • Astro D2 ↗
2. Use as components inside MDX or Astro pages
   • Timelime diagram
   • Euler diagram
   • Hasse diagram
   • Graph
   • Metro map diagram

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

Ideas

• penrose ↗