Edit diagram: Mermaid:Sample diagram

Code:

graph TB
    sq[Square Shape that is green and nice.] --> ci((Circle shape))

    subgraph A
        od>Odd shape]-- Two line<br/>edge comment --> ro
        di{Diamond with <br/> line break} -.-> ro(Rounded<br>square<br>shape)
        di==>ro2(Rounded square shape)
    end

    %% Notice that no text in shape are added here instead that is appended further down
    e --> od3>Really long text with linebreak<br>in an Odd shape]

    %% Comments after double percent signs
    e((Inner / circle<br>and some odd <br>special characters)) --> f(,.?!+-*ز)

    cyr[Cyrillic]-->cyr2((Circle shape Начало));

     classDef green fill:#9f6,stroke:#333,stroke-width:2px;
     classDef orange fill:#f96,stroke:#333,stroke-width:4px;
     class sq,e green
     class di orange

Preview:

Summary:

To edit this page, please answer the question that appears below (more info):

Who is the Secretary of State of the United States?

Cancel Editing help (opens in new window)

Edit diagram: Mermaid:Sample diagram

Code:

Preview:

Navigation menu

Personal tools

Namespaces

Variants

Views

More

Search

Navigation

Data

Contribute

Tools