---
init:
theme: "dark"
themeCSS: ".label foreignObject, .cluster-label foreignObject { font-size: 90%; overflow: visible; }"
---
flowchart LR
A1[qmd] --> B1{"R<br>(<code>engine: knitr</code>)"}
A1[qmd] --> B2{"Python<br>(<code>engine: jupyter</code>)"}
A1[qmd] --> B3{"Julia<br>(<code>engine: julia</code>)"}
A2[ipynb] --> B2
B1 --> C[md]
B2 --> C[md]
B3 --> C[md]
C --> D{"Pandoc"}
D --> E["HTML"]
D --> F["Typst"]
D --> G["Reveal.js"]
D --> H[...]
subgraph engine [Engine]
B1
B2
B3
end