Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Social Network Graph

Public visualization

Viewing a saved revision (read-only)

7212beb1f1944f8d831a724c3ac2ba9c

Social Network Graph

0 stars0🌍 Public
Ssaikrishnabussa
Last edited Jul 17, 2023
Created on Jul 17, 2023
Forked from HTML Starter

This social network graph visualizes 19 nodes connected by 14 links, with each node colored by its assigned group using D3's `d3.scaleOrdinal` and `d3.schemeCategory10`. The nodes and links are rendered as SVG circles and lines, with node labels displayed via text elements. The layout is computed dynamically using `d3.forceSimulation`, combining `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position the network. As the simulation runs, each tick updates the coordinates of the circles, lines, and labels within the SVG container.

AI-generated description

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

See also React Starter.