SebastianJS

styled-flowchart

1 sample from the mermaid demo corpus, rendered both ways.

1

Example 1

match
0.004px mean node offset over 4 nodes0.00% width difference
SebastianJSno browser
SebastianJS rendering
mermaid-cliheadless Chrome
mermaid-cli rendering
Mermaid source 
%%{init: {'theme':'base', 'themeVariables': { 'primaryColor':'#0000ff','primaryTextColor':'#ff0000'}}}%%
flowchart LR
    A[myClass1]:::myClass1 --> B[default]
    A --> C[default]
    B --> D[myClass2]:::myClass2
    C --> D
    
    classDef default stroke-width:2px,fill:none,stroke:silver
    classDef myClass1 color:#0000ff
    classDef myClass2 stroke:#0000ff,fill:#ccccff