Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Social Network graph

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed