Help:Diagrams: Difference between revisions

How to create and embed diagrams (Flex Diagrams)
 
Fix wrapped list items rendering as preformatted blocks
Line 110: Line 110:
== Tips ==
== Tips ==


* Diagrams are ordinary pages: <code>History</code>, <code>Talk</code>, watchlisting and
* Diagrams are ordinary pages: <code>History</code>, <code>Talk</code>, watchlisting and the normal backups all apply.
  the normal backups all apply.
* Because Mermaid and DOT are text, their page histories produce readable diffs — prefer them over an uploaded image when the diagram is likely to change.
* Because Mermaid and DOT are text, their page histories produce readable diffs — prefer
* In a '''BPMN''' diagram, an element named <code><nowiki>[[Some page]]</nowiki></code> becomes a link to that wiki page.
  them over an uploaded image when the diagram is likely to change.
* Give diagrams descriptive names, the same as files — <code>Mermaid:Landis Gyr Focus teardown steps</code> beats <code>Mermaid:Diagram 3</code>.
* In a '''BPMN''' diagram, an element named <code><nowiki>[[Some page]]</nowiki></code>
  becomes a link to that wiki page.
* Give diagrams descriptive names, the same as files —
  <code>Mermaid:Landis Gyr Focus teardown steps</code> beats
  <code>Mermaid:Diagram 3</code>.


== See also ==
== See also ==


* [[Help:Uploading files]] — for photographs, scans and CAD files
* [[Help:Uploading files]] — for photographs, scans and CAD files
* [https://www.mediawiki.org/wiki/Extension:Flex_Diagrams Extension:Flex Diagrams] — the
* [https://www.mediawiki.org/wiki/Extension:Flex_Diagrams Extension:Flex Diagrams] — the extension providing this
  extension providing this