Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8: Network Tree

Public visualization

Viewing a saved revision (read-only)

4f81b79e34ad47039d2fe0a7e04ca593

ICE-8: Network Tree

0 stars2🌍 Public
CChaitanya Galla
Last edited Apr 2, 2022
Created on Mar 31, 2022
Forked from HTML Starter

A network tree rendered as a force-directed graph shows six named nodes and five weighted links, with each node placed using a physics simulation. The visualization loads data from a local JSON file and uses two D3 versions: `d3.layout.force` from d3.v2 for the force simulation, and d3.v4 for DOM selection and SVG creation. Nodes appear as gray circles with labels, while link thickness encodes the weight value from the data. The SVG output updates positions on each tick of the force layout, producing an organic tree-like structure centered on the root node.

AI-generated description