error

4 samples from the mermaid demo corpus, rendered both ways. The three SebastianJS forms come off one layout, so the measurements below hold for all of them.

1 2 3 4

SebastianJS pane shows SVGSVG, text tracedPNG

Example 1

match

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

SebastianJSHTML labels, as mermaid emits themno foreignObject, no stylesheet, no font neededrasterized at 2x by resvg, fonts from the registry

mermaid-cliheadless Chrome

Mermaid source

erDiagram
ATLAS-ORGANIZATION ||--|{ ATLAS-PROJECTS : "has many"
ATLAS-PROJECTS ||--|{ MONGODB-CLUSTERS : "has many"
ATLAS-PROJECTS ||--|{ ATLAS-TEAMS : "has many"

Example 2

invalid demo

SebastianJSno browser

Did not renderParse error on line 5:

mermaid-cliheadless Chrome

Did not renderCommand /home/runner/work/sebastianjs/sebastianjs/node_modules/.bin/mmdc exited 1:

Mermaid source

erDiagram
ATLAS-ORGANIZATION ||--|{ ATLAS-PROJECTS : "has many"
ATLAS-PROJECTS ||--|{ MONGODB-CLUSTERS : "has many"
ATLAS-PROJECTS ||--|{ ATLAS-TEAMS : "has many"
MONGODB-CLUSTERS ||..|{
ATLAS-TEAMS ||..|{

Example 3

match

0.000px mean node offset over 2 nodes0.00% width difference

SebastianJSHTML labels, as mermaid emits themno foreignObject, no stylesheet, no font neededrasterized at 2x by resvg, fonts from the registry

mermaid-cliheadless Chrome

Mermaid source

flowchart TD
A[Christmas] -->|Get money| B(Go shopping)

Example 4

invalid demo

SebastianJSno browser

Did not renderParse error on line 3:

mermaid-cliheadless Chrome

Did not renderCommand /home/runner/work/sebastianjs/sebastianjs/node_modules/.bin/mmdc exited 1:

Mermaid source

flowchart TD
A[Christmas] --|Get money| B(Go shopping)