Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Social Network graph

Public visualization

Viewing a saved revision (read-only)

3185219055304f708c5d7d5c15e3c71c

Social Network graph

0 stars0🌍 Public
RRohith arabati
Last edited Apr 4, 2022
Created on Apr 3, 2022

This example visualizes a small social network of seven named individuals using a force-directed graph. Nodes represent people, with links indicating connections between them, and thicker green strokes denote stronger relationships based on weight data. The visualization loads node and link data from a local `graphFile.json` file. It uses the older `d3.layout.force` API (from d3.v2/v3, despite the d3.v4 script tag) to simulate physics, with draggable nodes, circular markers, and labels rendered as SVG elements. Styling is applied via CSS classes.

AI-generated description

See also React Starter.