🌍 Public
Viewing a saved revision (read-only)
883a0b8c028449c483fb574fe6f93d12
Friends Network Graph
This visualization displays a force-directed network of Instagram friends, with nodes representing named individuals and links showing connections weighted by interaction strength. The graph separates users into distinct group clusters, and hovering over a node reveals a tooltip with the friend's name. Built with React and D3 v4, the implementation uses `d3.layout.force` for physics simulation, SVG circles and lines for rendering, and drag behavior to let viewers reposition nodes. Data comes from a static `graph.json` file, and link thickness corresponds to the `weight` attribute.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.