Skip to main content
100%

ICE-8: Social Network graph with D3.js

✓ Published0🌍 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
MIT Licensed

Similar vizzes