Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Friends Network Graph

Public visualization

Friends Network Graph

0 stars0🌍 Public
MMalempatiSaranya
Last edited Jul 9, 2022
Created on Jul 9, 2022
Forked from HTML Starter

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 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