patchwork — 7 goldens

Squarified treemap of clusters by area. Each graph below is rendered live in your browser by the library.

rendering…

patchwork-simpledeterministic5-node graph with all nodes having area=1

DOT source

// @knowvah/dot-engine reference input: 5-node graph with all nodes having area=1
// engine: patchwork
// tolerance: deterministic
graph G {
    subgraph cluster_0 {
        A [area=1];
        B [area=1];
        C [area=1];
        D [area=1];
        E [area=1];
    }
}

rendering…

patchwork-weighteddeterministic5-node graph with varying area values 1,4,9,16,25

DOT source

// @knowvah/dot-engine reference input: 5-node graph with areas 1,4,9,16,25
// engine: patchwork
// tolerance: deterministic
graph G {
    subgraph cluster_0 {
        A [area=1];
        B [area=4];
        C [area=9];
        D [area=16];
        E [area=25];
    }
}

rendering…

patchwork-clusterdeterministic8-node graph with two cluster subgraphs

DOT source

// @knowvah/dot-engine reference input: 8-node graph with two cluster subgraphs
// engine: patchwork
// tolerance: deterministic
graph G {
    subgraph cluster_0 {
        label="GroupA";
        A [area=4];
        B [area=3];
        C [area=2];
        D [area=1];
    }
    subgraph cluster_1 {
        label="GroupB";
        E [area=6];
        F [area=5];
        G [area=4];
        H [area=3];
    }
}

rendering…

patchwork-nesteddeterministic10-node graph with nested clusters

DOT source

// @knowvah/dot-engine reference input: 10-node graph with nested clusters
// engine: patchwork
// tolerance: deterministic
graph G {
    subgraph cluster_outer {
        label="Outer";
        subgraph cluster_inner {
            label="Inner";
            A [area=5];
            B [area=4];
            C [area=3];
            D [area=2];
            E [area=1];
        }
        F [area=8];
        G [area=7];
        H [area=6];
        I [area=5];
        J [area=4];
    }
}

rendering…

patchwork-default-areadeterministic4-node graph with no area attribute on nodes

DOT source

// @knowvah/dot-engine reference input: 4-node graph with no area attribute on nodes
// engine: patchwork
// tolerance: deterministic
graph G {
    subgraph cluster_0 {
        A; B; C; D;
    }
}

rendering…

patchwork-html-labeldeterministicPatchwork graph with one HTML table label node

DOT source

// @knowvah/dot-engine reference input: patchwork graph with one HTML table label node
// engine: patchwork
// tolerance: deterministic
graph G {
    subgraph cluster_0 {
        A [label=<<TABLE><TR><TD>A</TD><TD>B</TD></TR></TABLE>> area=9];
        B [area=4];
        C [area=1];
    }
}

rendering…

patchwork-single-nodedeterministicSingle-node patchwork graph; ref: graphviz 15.0.0 dot -Kpatchwork -Tsvg

DOT source

// @knowvah/dot-engine reference input: single-node patchwork graph
// engine: patchwork
// tolerance: deterministic
graph G {
    subgraph cluster_0 {
        A [area=1];
    }
}