Diagram extensions
The following extensions allow for defining and displaying diagrams within wiki pages. For the purpose of this page, "diagrams" refers to images that are defined using some syntax, as opposed to images that are generated automatically from a set of numbers, such as bar charts.
| 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
edit- 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