Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE- 8: Network graph

Public visualization

Viewing a saved revision (read-only)

c517442365e14650ac1fabedd9194252

ICE- 8: Network graph

0 stars0🌍 Public
AAmruthaVee
Last edited Apr 13, 2023
Created on Apr 13, 2023
Forked from D3 Starter

This network graph visualizes a small set of named individuals and the weighted connections between them, using a force-directed layout. It loads the node and link data from a JSON file and renders the structure as an SVG. The code employs D3 v4’s `d3.layout.force` for physics simulation, with link thickness scaled by the square root of the edge weight, and nodes displayed as orange circles with green labels. Users can drag the nodes, as the graph responds to the simulation’s tick events.

AI-generated description

A demonstration of how to start using D3 version 6.