Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network Graph

Public visualization

Viewing a saved revision (read-only)

005ae440f84c4cce9c6acbf3748481ec

Network Graph

0 stars0🌍 Public
Hhappymail6
Last edited Jul 9, 2022
Created on Jul 8, 2022
Forked from Network Graph

This network graph visualizes a "best friend circle" with three main nodes (Sameer, Likit, Aravind) connected to intermediary subscriber and network system nodes, ultimately linking all friends in a chain. The SVG rendering uses React with d3-force simulation, specifically `d3.forceSimulation` combining `forceManyBody` with strength -100, `forceLink` with per-link distances, and `forceCenter`. Nodes appear as rounded rectangles colored by type (orange, yellow, teal) with draggable interaction via `d3.drag`. Node sizes distinguish main (150px), child (60px), and leaf nodes in the data-driven layout.

AI-generated description

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

See also React Starter.