Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network map

Public visualization

Network map

0 stars0🌍 Public
SSaikiran2029
Last edited Apr 4, 2022
Created on Apr 3, 2022
Forked from Network graph

This network map visualizes a small LinkedIn-style social graph, showing eight people as labeled circles and their connections as orange weighted lines. The graph uses a force-directed layout with D3’s `d3.layout.force()` to position nodes, with gravity, charge, and distance parameters controlling the spacing. The HTML/SVG canvas is built with `d3.select`, and node positions are updated on each tick via the force layout’s `on("tick")` event, while link thickness reflects the `weight` field from the JSON data.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed