Différences entre les versions de « Mermaid - graph »
De Semantic MediaWiki - Sandbox
(→Wide top-down graph example : update with actual SemanticMediaWiki/Mermaid GitHub issue) |
m (→Wide top-down graph example : add a remark stating why this example even exists) |
||
Ligne 21 : | Ligne 21 : | ||
== Wide top-down graph example == | == Wide top-down graph example == | ||
− | + | ''Note that, <abbr title="15 September 2021">as of this writing</abbr>, an issue exists where the leftmost unlabelled edge is cut off in the rendered diagram.'' | |
+ | |||
+ | See also: | ||
* https://github.com/SemanticMediaWiki/Mermaid/issues/73 | * https://github.com/SemanticMediaWiki/Mermaid/issues/73 | ||
* [https://github.com/mermaid-js/mermaid/issues/1288 this mermaid.js issue] and [https://github.com/mermaid-js/mermaid/pull/1333 the assocated PR] on GitHub | * [https://github.com/mermaid-js/mermaid/issues/1288 this mermaid.js issue] and [https://github.com/mermaid-js/mermaid/pull/1333 the assocated PR] on GitHub |
Version du 15 septembre 2021 à 14:54
→ Back to Mermaid overview
Syntax
{{#mermaid:graph TD; A-->B; A-->C; B-->D; C-->D; }}
Result
Wide top-down graph example
Note that, as of this writing, an issue exists where the leftmost unlabelled edge is cut off in the rendered diagram.
See also:
- https://github.com/SemanticMediaWiki/Mermaid/issues/73
- this mermaid.js issue and the assocated PR on GitHub
What you type | What you get |
---|---|
{{#mermaid:graph TD A[input files] --> B[pipeline] B --> C[output 1] B --> D[output 2] C --> E[post-process 1] C --> F[post-process 2] C --> G[post-process 2] D --> G[post-process 2] C --> H[display] D --> H[dipslay] B --> I[summary] E --> I[summary] F --> I[summary] G --> I[summary] H --> I[summary] }} |