はてなブックマーク

Flowcharts - Basic Syntax ​Flowcharts are composed of nodes (geometric shapes) and edges (arrows or lines). The Mermaid code defines how nodes and edges are made and accommodates different arrow types, multi-directional arrows, and any linking to and from subgraphs. WARNING If you are using the word "end" in a Flowchart node, capitalize the entire word or any of the letters (e.g., "End" or "END"),

About Mermaid ​Mermaid lets you create diagrams and visualizations using text and code. It is a JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically. If you are familiar with Markdown you should have no problem learning Mermaid's Syntax. Mermaid is a JavaScript based diagramming and charting tool that uses Markdown

Sequence diagrams ​A Sequence diagram is an interaction diagram that shows how processes operate with one another and in what order. Mermaid can render sequence diagrams. INFO A note on nodes, the word "end" could potentially break the diagram, due to the way that the mermaid language is scripted. If unavoidable, one must use parentheses(), quotation marks "", or brackets {},[], to enclose the wor

MermaidDiagramming and charting toolJavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.