Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8_Network_Chart

Public visualization

ICE-8_Network_Chart

0 stars3🌍 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.

Comments

Sign in to join the discussion.

MIT Licensed