← Back to index

block

Example 1

SebastianJS (SVG)
Render failed: about:blank:1:5628: undefined entity.
Mermaid (code)
block
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

SebastianJS (SVG)
../assets/block-2.svg
Mermaid (code)
block
A1["square"]
B1("rounded")
C1(("circle"))
A2>"rect_left_inv_arrow"]
B2{"diamond"}
C2{{"hexagon"}}

Example 3

SebastianJS (SVG)
../assets/block-3.svg
Mermaid (code)
block
A1(["stadium"])
A2[["subroutine"]]
B1[("cylinder")]
C1>"surprise"]
A3[/"lean right"/]
B2[\"lean left"\]
C2[/"trapezoid"\]
D2[\"trapezoid"/]

Example 4

SebastianJS (SVG)
../assets/block-4.svg
Mermaid (code)
block
block:e:4
  columns 2
    f
    g
end

Example 5

SebastianJS (SVG)
../assets/block-5.svg
Mermaid (code)
block
block:e:4
  columns 2
    f
    g
    h
end

Example 6

SebastianJS (SVG)
../assets/block-6.svg
Mermaid (code)
block
columns 3
a:3
block:e:3
    f
    g
end
h
i
j

Example 7

SebastianJS (SVG)
../assets/block-7.svg
Mermaid (code)
block
columns 4
a b c d
block:e:4
  columns 2
    f
    g
    h
end
i:4

Example 8

SebastianJS (SVG)
../assets/block-8.svg
Mermaid (code)
flowchart LR
X-- "a label" -->z

Example 9

SebastianJS (SVG)
../assets/block-9.svg
Mermaid (code)
block
columns 5
   A space B
   A --x B

Example 10

SebastianJS (SVG)
../assets/block-10.svg
Mermaid (code)
block
columns 3
  a["A wide one"] b:2 c:2 d

Example 11

SebastianJS (SVG)
../assets/block-11.svg
Mermaid (code)
block
columns 3
  a b c
  e:3
  f g h

Example 12

SebastianJS (SVG)
../assets/block-12.svg
Mermaid (code)
block

A1:3
A2:1
A3