A network graph displays nodes connected by edges, making relationships between entities easy to explore. AnyChart’s JavaScript network graph supports force-directed and fixed layouts, custom node shapes and images, edge arrows, and interactive state styling.
This sample visualizes an IT network topology using a fixed layout loaded from JSON. Each equipment type—PC, router, switch, server, printer, mobile device, and cloud service—is rendered with a custom SVG or image icon via group-based styling. Directional edge arrows indicate data flow, labels appear selectively by group, and hidden break nodes control spacing for a clean topology diagram.
Follow the step-by-step Network Graph Tutorial to learn how such charts are built. See the Network Graph documentation for all configuration options.