Diagrams in fenced code blocks
A fenced code block written in one of 27 supported diagram languages is rendered as an SVG image by Capable's hosted diagram service. Supported: blockdiag, bpmn, bytefield, seqdiag, actdiag, nwdiag, packetdiag, rackdiag, c4plantuml, d2, dbml, ditaa, erd, excalidraw, graphviz, mermaid, nomnoml, pikchr, plantuml, structurizr, svgbob, umlet, tikz, vega, vegalite, wavedrom, wireviz. Mermaid C4 syntax is silently rewritten to c4plantuml.
#Worth knowing
Requires a signed-in session; without a token the block stays as plain code with no error. The diagram source travels to Capable's service inside the image URL.
#Where to find it
Anywhere in a Markdown document
#Where you do it
Task | Where |
|---|---|
Add a diagram | Editor > Insert > From code, or write a fenced block yourself |
#Related
How it actually behaves.
