Skip to main content
100%

ICE-8_Network_Chart

✓ Published3🌍 Public
MMeghanaArepalli
Last edited Apr 3, 2022
Created on Apr 3, 2022

This network chart visualizes relationships among seven characters, with weighted links drawn as purple lines of varying thickness. Nodes are rendered as green circles with black labels, and users can drag them to rearrange the layout. The visualization uses d3.layout.force to simulate physical forces like gravity, distance, and charge, positioning the nodes dynamically. Data comes from graphFile.json, which defines nodes and links with optional weight values. The SVG rendering is handled through D3 v4, with styles defined in CSS for the links, node circles, and text.

AI-generated description

See also React Starter.

MIT Licensed

Similar vizzes