<b>Error</b><p>Please ensure your mermaid code is running on <a href=‘https://mermaid.live/’>mermaid.live and indented with 4 spaces, eg: <pre><code> flowchart TB
A → B</code></pre></p>
insert_mermaid_sample
Mermaid chart
Hosted by us? Theme components are available to use on our Standard, Business and Enterprise plans.
This doesn’t generate an image. It renders an SVG HTML element. If you refer to the example in the first post, it is meant to be a screenshot of the result. I understand it might be confusing. You can see a live example below:
flowchart TD
A["Lorem ipsum dolor"] --> B["Sit amet consectetur"]
A --> C["Adipiscing elit sed"]
B --> E["Do eiusmod tempor"]
C --> D["Incididunt ut labore"]
D --> F["Et dolore magna"]
E --> G["Aliqua ut enim"]
F --> G
G --> H["Ad minim veniam"]
H --> I["Quis nostrud exercitation"]
C --> J["Ullamco laboris nisi"]
I --> K["Ut aliquip ex"]
J --> L["Ea commodo consequat"]
L --> M["Duis aute irure"]
M --> N["Dolor in reprehenderit"]
N --> O["In voluptate velit"]
K --> P["Esse cillum dolore"]
P --> Q["Eu fugiat nulla"]
Q --> R["Pariatur excepteur sint"]
L --> S["Occaecat cupidatat non"]
F --> T["Proident sunt in"]
S --> U["Culpa qui officia"]
U --> V["Deserunt mollit anim"]
R --> W["Id est laborum"]
W --> X["Sed ut perspiciatis"]
O --> Y["Unde omnis iste"]
X --> Z["Natus error sit"]
Z --> AA["Voluptatem accusantium doloremque"]
AA --> AB["Laudantium totam rem"]
AB --> AC["Aperiam eaque ipsa"]
AC --> AD["Quae ab illo"]
T --> Y
V --> Q
D --> M
E --> R