Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Prasanth ICE - 8 - SOCIAL NETWORK

Public visualization

Viewing a saved revision (read-only)

5a448b9c57994a0fa7d2851d2561adf8

Prasanth ICE - 8 - SOCIAL NETWORK

0 stars0🌍 Public
PPrasanth
Last edited Apr 13, 2023
Created on Apr 13, 2023

This visualization uses a force-directed layout to display a social network of 11 named individuals, grouped into five clusters by the thickness of their connecting links. The graph is rendered as an SVG using the D3.js v4 and v2 libraries, with the d3.layout.force API managing node attraction, repulsion, and gravity. Node position updates occur on each simulation tick, while circles and text labels are drawn using the SVG `circle` and `text` elements, styled with custom CSS and loaded from the `graph.json` data source.

AI-generated description

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

See also React Starter.