neato — 8 goldens

Spring-model (Kamada–Kawai) layout for undirected graphs. Each graph below is rendered live in your browser by the library.

rendering…

neato-simpleiterative5-node undirected graph

DOT source

// @knowvah/dot-engine reference input: 5-node undirected graph
// engine: neato
// tolerance: iterative
graph G {
    A -- B;
    B -- C;
    C -- D;
    D -- E;
    E -- A;
}

rendering…

neato-weightediterative5-node undirected graph with len attributes on edges

DOT source

// @knowvah/dot-engine reference input: 5-node undirected graph with len attributes
// engine: neato
// tolerance: iterative
graph G {
    A -- B [len=1.0];
    B -- C [len=2.0];
    C -- D [len=1.5];
    D -- E [len=3.0];
    E -- A [len=1.0];
}

rendering…

neato-diamonditerativeUndirected graph with diamond-shaped nodes

DOT source

// @knowvah/dot-engine reference input: nodes with shape=diamond
// engine: neato
// tolerance: iterative
graph G {
    node [shape=diamond];
    A -- B;
    B -- C;
    C -- D;
    D -- A;
    A -- C;
}

rendering…

neato-clusteriterativeUndirected graph with a cluster subgraph

DOT source

// @knowvah/dot-engine reference input: undirected graph with a cluster subgraph
// engine: neato
// tolerance: iterative
graph G {
    subgraph cluster_0 {
        label="Group";
        A -- B -- C;
    }
    D -- A;
    D -- C;
}

rendering…

neato-disconnectediterativeTwo 3-node undirected components

DOT source

// @knowvah/dot-engine reference input: two 3-node undirected components
// engine: neato
// tolerance: iterative
graph G {
    A -- B -- C;
    D -- E -- F;
}

rendering…

neato-polygoniterativeUndirected graph with hexagonal polygon nodes

DOT source

// @knowvah/dot-engine reference input: nodes with shape=polygon sides=6
// engine: neato
// tolerance: iterative
graph G {
    node [shape=polygon sides=6];
    A -- B;
    B -- C;
    C -- D;
    D -- A;
}

rendering…

neato-circleiterativeUndirected graph with circle-shaped nodes

DOT source

// @knowvah/dot-engine reference input: nodes with shape=circle
// engine: neato
// tolerance: iterative
graph G {
    node [shape=circle];
    A -- B;
    B -- C;
    C -- A;
    C -- D;
    D -- E;
}

rendering…

neato-tiny-multi-edgeiterative3-node undirected graph with doubled edge; libm-chaotic: ARM libm vs Apple libm, maxDelta=7.08pt; drift pinned by portReference; ref: graphviz 15.0.0 dot -Kneato -Tsvg

DOT source

// @knowvah/dot-engine reference input: 3-node undirected graph with a doubled edge
// engine: neato
// tolerance: iterative
graph G {
    A -- B;
    A -- B;
    B -- C;
}