Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network_graph_ice_8

Public visualization

Network_graph_ice_8

0 stars0🌍 Public
Ssaijahnaviappineni
Last edited Jul 10, 2022
Created on Jul 10, 2022

This visualization displays a network of friends and their connections, with named nodes grouped into clusters and linked by weighted edges. The graph uses D3 v4’s force layout (`d3.layout.force`) to position nodes, while links are drawn as SVG lines whose stroke width reflects link weight. Node circles and labels are rendered via SVG, with hover effects changing their fill and stroke. Data comes from the included `graphFile.json`, and user interaction is enabled through the force drag behavior (`force.drag`), allowing nodes to be repositioned dynamically.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed