Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Social Network graph

Public visualization

Viewing a saved revision (read-only)

d9fafb07cdf44cc6b209a32ca128c7cd

Social Network graph

0 stars0🌍 Public
GGARIDIDEEKSHITHREDDY
Last edited Apr 5, 2022
Created on Apr 5, 2022

This example shows a social network graph of nine people, with blue, purple-outlined circles representing individuals and labeled with their names. The visualization uses a force-directed layout to position the nodes and displays the relationships between them as blue lines, where the line thickness corresponds to the connection weight. Built with D3.js v4, the code loads the network structure from a JSON file and leverages the `d3.forceSimulation` API for the layout physics, along with custom SVG styling for node and link appearance. The implementation creates the graph as an SVG element and supports dragging nodes with the mouse.

AI-generated description