Changes

215 bytes removed , 01:16, 4 May 2023

no edit summary

{{#set:feature examples = See the example diagram at [[Sales Cycle]] }}

Editing a complex diagram and integrating that into your documentation shouldn't be hard. The [https://mermaid.js.org 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. The Semantic MediaWiki (sandbox) website shows some examples of Mermaid markup plus the MediaWiki parser function https://sandbox.semantic-mediawiki.~~org~~net/wiki/~~Cat%C3%A9gorie:Mermaid_examples See examples]~~Mermaid

# [https://mermaid.live/ Live Editor]

# [https://mermaid.js.org/intro/n00b-syntaxReference.html Syntax Reference]

# MediaWiki extension page https://www.mediawiki.org/wiki/Extension:Mermaid

# MediaWiki extension repo on GitHub https://github.com/SemanticMediaWiki/Mermaid

Code for a GANNT Chart

+run()

}

}}

~~= State Diagram =~~

~~{{#mermaid:stateDiagram~~

~~[*] --> Still~~

~~Still --> [*]~~

~~Still --> Moving~~

~~Moving --> Still~~

~~Moving --> Crash~~

~~Crash --> [*]~~

}}

~~= Pie Chart =~~

~~{{#mermaid:pie title Pets adopted by volunteers~~

~~"Dogs" : 386~~

~~"Cats" : 85~~

~~"Rats" : 15~~

}}

~~= Entity Relationship Diagram =~~

~~{{#mermaid:erDiagram~~

~~CUSTOMER }|..|{ DELIVERY-ADDRESS : has~~

~~CUSTOMER ||--o{ ORDER : places~~

~~CUSTOMER ||--o{ INVOICE : "liable for"~~

~~DELIVERY-ADDRESS ||--o{ ORDER : receives~~

~~INVOICE ||--|{ ORDER : covers~~

~~ORDER ||--|{ ORDER-ITEM : includes~~

~~PRODUCT-CATEGORY ||--|{ PRODUCT : contains~~

~~PRODUCT ||--o{ ORDER-ITEM : "ordered in"~~

}}

Admin

Image-reviewer, Bureaucrats, Check users, confirmed, Interface administrators, Administrators (Semantic MediaWiki), Curators (Semantic MediaWiki), Editors (Semantic MediaWiki), staff, Suppressors, sysadmin, Administrators, uploadaccess, Upload Wizard campaign editors, Widget editors

1,489

edits

Changes

Mermaid (view source)

Revision as of 01:16, 4 May 2023