Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE8 - Network Graph

Public visualization

Viewing a saved revision (read-only)

57092f7dcbf44efdb1b6b1dbd674e391

ICE8 - Network Graph

0 stars0🌍 Public
Sshiiva-surya
Last edited Apr 11, 2023
Created on Apr 10, 2023

A network graph visualizes the relationships between eight individuals, with nodes labeled by name and connected by directed, arrowed links. The layout is determined by a force-directed simulation, using `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCollide`, with nodes rendered as pink circles and blue links. Data comes from a local `networkData.json` file, and the visualization includes interactive dragging via D3's `drag` handler, with hover effects that change the node stroke to green.

AI-generated description

A demonstration of how to start using D3 version 6.