Diagram extensions
The following extensions allow for defining and displaying diagrams within wiki pages. For the purpose of this page, "diagrams" refers to infographics that are defined using some syntax, as opposed to chart extensions that automatically generate charts from data, though there is occasionally some overlap.
| Extension | Syntax | Types of diagram | Libraries included | Outside services used | Requirements | Last updated |
|---|---|---|---|---|---|---|
| Cognitive Process Designer | Custom, BPMN | Flowcharts | bpmn-js | Semantic MediaWiki | 2023 | |
| Diagrams | DOT, Mscgen, PlantUML, Mermaid | Various | Mermaid | Optional self-hosted service | GraphViz, Mscgen, Mermaid, and/or PlantUML | 2024 |
| DrawioEditor | Draw.io | Various | Draw.io | 2023 | ||
| Flex Diagrams | BPMN, DOT, Draw.io, Mermaid, custom | Various | bmpn-js, DHTMLX Gantt, Mermaid, Viz.js | Draw.io | 2024 | |
| Kroki | BlockDiag, BPMN, Bytefield, SeqDiag, ActDiag, NwDiag, PacketDiag, RackDiag, C4 with PlantUML, D2, DBML, Ditaa, Erd, Excalidraw, GraphViz, Mermaid, Nomnoml, Pikchr, PlantUML, Structurizr, Svgbob, Symbolator, TikZ, Vega, Vega-Lite, WaveDrom, WireViz | Various | Optional self-hosted Kroki service (Kroki.io by default) | 2025 | ||
| Mermaid | Mermaid | Various | Mermaid | 2022 |
Unmaintained graph extensions
- Graph - uses the Vega library to draw graphs; not maintained, and not recommended, due to security risks in Vega
- JSWikiGantt - uses the jsGantt library to draw Gantt charts; does not work with MW 1.39 or higher