Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-8_Network_Chart

Public visualization

Fork of ICE-8_Network_Chart

0 stars0🌍 Public
SSreekarveeravelly
Last edited Apr 5, 2022
Created on Apr 5, 2022

This example shows a small network of seven named nodes connected by six links, with node groups and link weights visible through circle styling and stroke width. It uses a force-directed layout via `d3.layout.force` to position nodes, with SVG rendering for lines, circles, and text labels. The code loads node and link data from a JSON file and supports dragging nodes through `force.drag`. Styling is applied with CSS, and the visualization updates on each tick of the force simulation.

AI-generated description

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed