Examples
Interactive demos showing netiPlot in real-world use cases.
Basic graph
A minimal graph — nodes, edges, labels, pan and zoom.
View example →Graph options
Interactively adjust node size, labels, edge style, and arrowheads.
View example →Custom node drawing
Draw nodes as circles, diamonds, and hexagons. Add SVG icons and styled borders.
View example →Background shapes
Add, move, resize, and style background shapes behind the graph.
View example →Hierarchical layout
Built-in tree layout with configurable direction and spacing.
View example →Force-directed layout
D3-force simulation as a custom layouter — directed tree, centered, or disjoint.
View example →Tiered decorator layout
Nodes grouped into horizontal bands by type with background tier decorations.
View example →Dependency visualization
Visualize package or module dependencies with hierarchical layout.
Coming soonNetwork analysis
Explore network topology, highlight paths, and inspect node degree.
Coming soonSocial network
Clustered social graph with community detection and image nodes.
Coming soonProcess-flow diagrams
Flowcharts and process maps with background shape annotations.
Coming soonMind mapping
Radial tree layout for brainstorming and idea organization.
Coming soon