Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Social Network Graph

Public visualization

Viewing a saved revision (read-only)

e87d2eabce1444a0b275a9a9221205d9

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.