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