Mermaid

Mermaid
flow diagram
Image shows:	flow diagram
Summary
Title:	Mermaid
Description:	A diagramming language. Make diagrams and flowcharts for documentation, easier. With simple syntax, create sophisticated diagrams, flowcharts, GANTT Charts etc.
More
Notes:	Use the online editor to create your diagram
Example:	See the example diagram at Sales Cycle

Editing a complex diagram and integrating that into your documentation shouldn't be hard. The Mermaid.js library makes diagrams of all types accessible through simple markup. Using the MediaWiki extension, brings the power of Mermaid diagrams to your wiki.

See Using Mermaid in MediaWiki for more.