MediaWiki extensions manual
OOjs UI icon advanced.svg
Release status: beta
Implementation Parser extension
Description Render inline sequence diagrams using websequencediagrams.com
Author(s) (avajaditalk)
License GPL
Download gist
Check usage and version matrix.

What can this extension do?Edit

Render sequence diagrams in your wiki pages using www.websequencediagrams.com. Include the editable text (source) of the diagram in your page and when the page is saved you'll see rendered PNG sequence diagrams.

This extension uses the embedding for 'HTML and Web Pages' technique described here.


<sequencediagram style="modern-blue">
title Authentication Sequence
Alice->Bob: Authentication Request
note right of Bob: Bob thinks about it
Bob->Alice: Authentication Response

The style parameter accepts either default, earth, magazine, modern-blue, mscgen, napkin, omegapple, patent, qsd, rose, roundgreen.

For help on sequence diagram syntax, see the websequencediagrams.com documentation.


  1. Download the source code and place it in extensions/WebSequenceDiagram/WebSequenceDiagram.php.
  2. Add the following to LocalSettings.php :

See alsoEdit