osage — 7 goldens

Clustered layout that packs subgraphs. Each graph below is rendered live in your browser by the library.

rendering…

osage-simpledeterministic6-node graph with two cluster subgraphs

DOT source

// @knowvah/dot-engine reference input: 6-node graph with two cluster subgraphs
// engine: osage
// tolerance: deterministic
graph G {
    subgraph cluster_0 {
        A; B; C;
    }
    subgraph cluster_1 {
        D; E; F;
    }
}

rendering…

osage-nesteddeterministic8-node graph with 3 levels of cluster nesting

DOT source

// @knowvah/dot-engine reference input: 8-node graph with 3 levels of cluster nesting
// engine: osage
// tolerance: deterministic
graph G {
    subgraph cluster_outer {
        label="Outer";
        subgraph cluster_mid {
            label="Mid";
            subgraph cluster_inner {
                label="Inner";
                A; B;
            }
            C; D;
        }
        E; F;
    }
    G; H;
}

rendering…

osage-sortvdeterministic4-node graph with sortv attribute on nodes

DOT source

// @knowvah/dot-engine reference input: 4-node graph with sortv attribute on nodes
// engine: osage
// tolerance: deterministic
graph G {
    subgraph cluster_0 {
        A [sortv=4];
        B [sortv=3];
        C [sortv=2];
        D [sortv=1];
    }
}

rendering…

osage-array-modedeterministic6-node graph with packmode=array

DOT source

// @knowvah/dot-engine reference input: 6-node graph with packmode=array
// engine: osage
// tolerance: deterministic
graph G {
    packmode=array;
    subgraph cluster_0 {
        A; B; C;
    }
    subgraph cluster_1 {
        D; E; F;
    }
}

rendering…

osage-labelsdeterministicClusters with label attributes

DOT source

// @knowvah/dot-engine reference input: clusters with label attributes
// engine: osage
// tolerance: deterministic
graph G {
    subgraph cluster_0 {
        label="ClusterA";
        A; B; C;
    }
    subgraph cluster_1 {
        label="ClusterB";
        D; E; F;
    }
}

rendering…

osage-empty-clusterdeterministicGraph with one cluster that has no nodes

DOT source

// @knowvah/dot-engine reference input: graph with one cluster that has no nodes
// engine: osage
// tolerance: deterministic
graph G {
    subgraph cluster_0 {
        label="Full";
        A; B; C;
    }
    subgraph cluster_1 {
        label="Empty";
    }
}

rendering…

osage-deep-nestingdeterministicGraph with 4 levels of cluster nesting; ref: graphviz 15.0.0 dot -Kosage -Tsvg

DOT source

// @knowvah/dot-engine reference input: graph with 4 levels of cluster nesting
// engine: osage
// tolerance: deterministic
graph G {
    subgraph cluster_l1 {
        label="L1";
        subgraph cluster_l2 {
            label="L2";
            subgraph cluster_l3 {
                label="L3";
                subgraph cluster_l4 {
                    label="L4";
                    A; B;
                }
                C;
            }
            D; E;
        }
        F;
    }
    G;
}