Flowchart Refactor - Mermaid

	Dagre	Dagre with rough	ELK	ELK with rough
Stadium shape

flowchart LR
              id1([This is the text in the box])

flowchart LR
    id1([This is the text in the box])

%%{init: {"look": "handDrawn"} }%%
flowchart LR
    id1([This is the text in the box])

%%{init: {"handDrawn": false, "layout": "elk"} }%%
flowchart LR
    id1([This is the text in the box])

%%{init: {"look": "handDrawn", "layout": "elk"} }%%
flowchart LR
    id1([This is the text in the box])

| | | | Sub-Routine shape

flowchart LR
    id1[[This is the text in the box]]

flowchart LR
    id1[[This is the text in the box]]

%%{init: {"look": "handDrawn"} }%%
flowchart LR
    id1[[This is the text in the box]]

%%{init: {"handDrawn": false, "layout": "elk"} }%%
flowchart LR
    id1[[This is the text in the box]]

%%{init: {"look": "handDrawn", "layout": "elk"} }%%
flowchart LR
    id1[[This is the text in the box]]

| | | | Cylindrical shape

flowchart LR
    id1[(Database)]

flowchart LR
    id1[(Database)]

%%{init: {"look": "handDrawn"} }%%
          flowchart LR
    id1[(Database)]

%%{init: {"handDrawn": false, "layout": "elk"} }%%
          flowchart LR
    id1[(Database)]

%%{init: {"look": "handDrawn", "layout": "elk"} }%%
          flowchart LR
    id1[(Database)]

| | | | Circle shape

flowchart LR
    id1((This is the text in the circle))

flowchart LR
    id1((This is the text in the circle))

%%{init: {"look": "handDrawn"} }%%
          flowchart LR
    id1((This is the text in the circle))

%%{init: {"handDrawn": false, "layout": "elk"} }%%
          flowchart LR
    id1((This is the text in the circle))

%%{init: {"look": "handDrawn", "layout": "elk"} }%%
          flowchart LR
    id1((This is the text in the circle))

| | | | Double Circle shape

flowchart TD
    id1(((This is the text in the circle)))

flowchart TD
    id1(((This is the text in the circle)))

%%{init: {"look": "handDrawn"} }%%
          flowchart TD
    id1(((This is the text in the circle)))

%%{init: {"handDrawn": false, "layout": "elk"} }%%
          flowchart TD
    id1(((This is the text in the circle)))

%%{init: {"look": "handDrawn", "layout": "elk"} }%%
          flowchart TD
    id1(((This is the text in the circle)))

| | | | Asymmetric shape

flowchart LR
    id1>This is the text in the box]

flowchart LR
    id1>This is the text in the box]

%%{init: {"look": "handDrawn"} }%%
          flowchart LR
    id1>This is the text in the box]

%%{init: {"handDrawn": false, "layout": "elk"} }%%
          flowchart LR
    id1>This is the text in the box]

%%{init: {"look": "handDrawn", "layout": "elk"} }%%
          flowchart LR
    id1>This is the text in the box]

| | | | Rhombus/Diamond/Question shape

flowchart LR
    id1{This is the text in the box}

flowchart LR
    id1{This is the text in the box}

%%{init: {"look": "handDrawn"} }%%
          flowchart LR
    id1{This is the text in the box}

%%{init: {"handDrawn": false, "layout": "elk"} }%%
          flowchart LR
    id1{This is the text in the box}

%%{init: {"look": "handDrawn", "layout": "elk"} }%%
          flowchart LR
    id1{This is the text in the box}

| | | | Hexagon shape

flowchart LR
    id1{{This is the text in the box}}

flowchart LR
    id1{{This is the text in the box}}

%%{init: {"handDrawn": false, "layout": "elk"} }%%
          flowchart LR
    id1{{This is the text in the box}}

%%{init: {"look": "handDrawn", "layout": "elk"} }%%
          flowchart LR
    id1{{This is the text in the box}}

| | | | Parallelogram shape

flowchart TD
    id1[/This is the text in the box/]

flowchart TD
    id1[/This is the text in the box/]

%%{init: {"look": "handDrawn"} }%%
          flowchart TD
    id1[/This is the text in the box/]

%%{init: {"handDrawn": false, "layout": "elk"} }%%
          flowchart TD
    id1[/This is the text in the box/]

%%{init: {"look": "handDrawn", "layout": "elk"} }%%
          flowchart TD
    id1[/This is the text in the box/]

| | | | Parallelogram Alt shape

flowchart TD
    id1[\This is the text in the box\]

flowchart TD
    id1[\This is the text in the box\]

%%{init: {"look": "handDrawn"} }%%
          flowchart TD
    id1[\This is the text in the box\]

%%{init: {"handDrawn": false, "layout": "elk"} }%%
          flowchart TD
    id1[\This is the text in the box\]

%%{init: {"look": "handDrawn", "layout": "elk"} }%%
          flowchart TD
    id1[\This is the text in the box\]

| | | | Trapezoid shape

flowchart TD
    A[/Christmas\]

flowchart TD
    A[/Christmas\]

%%{init: {"look": "handDrawn"} }%%
          flowchart TD
    A[/Christmas\]

%%{init: {"handDrawn": false, "layout": "elk"} }%%
          flowchart TD
    A[/Christmas\]

%%{init: {"look": "handDrawn", "layout": "elk"} }%%
          flowchart TD
    A[/Christmas\]

| | | | Trapezoid Alt shape

flowchart TD
    A[\Christmas/]

flowchart TD
    A[\Christmas/]

%%{init: {"look": "handDrawn"} }%%
          flowchart TD
    A[\Christmas/]

%%{init: {"handDrawn": false, "layout": "elk"} }%%
          flowchart TD
    A[\Christmas/]

%%{init: {"look": "handDrawn", "layout": "elk"} }%%
          flowchart TD
    A[\Christmas/]

| | | | Rect with rounded corner

flowchart LR
    id1(This is the text in the box)

flowchart LR
    id1(This is the text in the box)

%%{init: {"look": "handDrawn"} }%%
          flowchart LR
    id1(This is the text in the box)

%%{init: {"handDrawn": false, "layout": "elk"} }%%
          flowchart LR
    id1(This is the text in the box)

%%{init: {"look": "handDrawn", "layout": "elk"} }%%
          flowchart LR
    id1(This is the text in the box)

| | | | Rect with sharp corner

flowchart LR
    id1[This is the text in the box]

flowchart LR
    id1[This is the text in the box]

%%{init: {"look": "handDrawn"} }%%
          flowchart LR
    id1[This is the text in the box]

%%{init: {"handDrawn": false, "layout": "elk"} }%%
          flowchart LR
    id1[This is the text in the box]

%%{init: {"look": "handDrawn", "layout": "elk"} }%%
          flowchart LR
    id1[This is the text in the box]

| | |