block — SebastianJS

Example 1

differs

5.299px mean node offset over 7 nodes0.00% width difference

SebastianJSno browser

mermaid-cliheadless Chrome

Mermaid source

block-beta
columns 1
  db(("DB"))
  blockArrowId6<["   "]>(down)
  block:ID
    A
    B["A wide one in the middle"]
    C
  end
  space
  D
  ID --> D
  C --> D
  style B fill:#f9F,stroke:#333,stroke-width:4px

Example 2

differs

4.200px mean node offset over 6 nodes0.82% width difference

SebastianJSno browser

mermaid-cliheadless Chrome

Mermaid source

block-beta
A1["square"]
B1("rounded")
C1(("circle"))
A2>"rect_left_inv_arrow"]
B2{"diamond"}
C2{{"hexagon"}}

Example 3

match

0.031px mean node offset over 8 nodes0.01% width difference

SebastianJSno browser

mermaid-cliheadless Chrome

Mermaid source

block-beta
A1(["stadium"])
A2[["subroutine"]]
B1[("cylinder")]
C1>"surprise"]
A3[/"lean right"/]
B2[\"lean left"\]
C2[/"trapezoid"\]
D2[\"trapezoid"/]

Example 4

differs

4.200px mean node offset over 3 nodes0.00% width difference

SebastianJSno browser

mermaid-cliheadless Chrome

Mermaid source

block-beta
block:e:4
  columns 2
    f
    g
end

Example 5

differs

8.750px mean node offset over 4 nodes0.00% width difference

SebastianJSno browser

mermaid-cliheadless Chrome

Mermaid source

block-beta
block:e:4
  columns 2
    f
    g
    h
end

Example 6

differs

4.645px mean node offset over 7 nodes0.00% width difference

SebastianJSno browser

mermaid-cliheadless Chrome

Mermaid source

block-beta
columns 3
a:3
block:e:3
    f
    g
end
h
i
j

Example 7

differs

3.736px mean node offset over 9 nodes0.00% width difference

SebastianJSno browser

mermaid-cliheadless Chrome

Mermaid source

block-beta
columns 4
a b c d
block:e:4
  columns 2
    f
    g
    h
end
i:4

Example 8

match

0.010px mean node offset over 2 nodes0.01% width difference

SebastianJSno browser

mermaid-cliheadless Chrome

Mermaid source

flowchart LR
X-- "a label" -->z

Example 9

close

1.776px mean node offset over 2 nodes0.03% width difference

SebastianJSno browser

mermaid-cliheadless Chrome

Mermaid source

block-beta
columns 5
   A space B
   A --x B

Example 10

close

1.400px mean node offset over 4 nodes0.00% width difference

SebastianJSno browser

mermaid-cliheadless Chrome

Mermaid source

block-beta
columns 3
  a["A wide one"] b:2 c:2 d

Example 11

differs

2.654px mean node offset over 7 nodes0.00% width difference

SebastianJSno browser

mermaid-cliheadless Chrome

Mermaid source

block-beta
columns 3
  a b c
  e:3
  f g h

Example 12

close

1.400px mean node offset over 3 nodes0.00% width difference

SebastianJSno browser

mermaid-cliheadless Chrome

Mermaid source

block-beta

A1:3
A2:1
A3