Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8

Public visualization

Viewing a saved revision (read-only)

e2071bea32394f56b3bc0aa06060bcce

ICE-8

0 stars1🌍 Public
DDineshK2602
Last edited Apr 12, 2023
Created on Apr 12, 2023

This example shows a network of nine people connected by weighted links, with each node labeled by name and grouped by color-coded circles. The visualization uses a force-directed layout to position the nodes and links dynamically. The code implements this with `d3.layout.force`, specifying gravity, distance, and charge parameters to control the simulation. Links are rendered as black lines with stroke width proportional to link weight, while nodes appear as blue circles with red text labels. The graph data comes from a local JSON file, and the SVG rendering updates positions on each tick event.

AI-generated description