A network graph displays nodes connected by edges, making relationships between entities easy to explore. AnyChart’s JavaScript network graph supports fixed and force-directed layouts, custom backgrounds, interactive state styling, and flexible visual encoding for nodes and edges.
This social graph visualizes character relationships from an Avengers-themed dataset on a fixed layout with a custom background image. Nodes enlarge and change stroke color on hover and selection, while edges shift their stroke to match, giving clear visual feedback as users explore connections between characters in the social network.
Follow the step-by-step Network Graph Tutorial to learn how such charts are built. See the Network Graph documentation for all configuration options.