Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8: Social Network graph with D3.js

Public visualization

Viewing a saved revision (read-only)

ff15f99b4f284aed9199318c51e2dc02

ICE-8: Social Network graph with D3.js

0 stars0🌍 Public
Mmanasanimmagadda13
Last edited Apr 4, 2022
Created on Apr 3, 2022

This example visualizes a small social network of six people, grouped into three clusters, with weighted links indicating connection strength. The graph uses a force-directed layout via `d3.layout.force` to position nodes, which are rendered as orange circles with blue outlines and labeled with purple text. Links appear as black lines whose stroke width reflects each link’s weight. Nodes are draggable, and the simulation updates positions continuously on each tick. Data comes from a local JSON file, and the visualization is drawn as SVG.

AI-generated description