Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

1f926e2e6e484f98847439de96b7e0e7

Untitled

0 stars0🌍 Public
Sshatomouimena
Last edited Dec 2, 2021
Created on Nov 28, 2021
Forked from React Starter

This example shows a small network of six nodes connected by six links, revealing an undirected graph structure. The nodes represent individuals with attributes like gender and profession, while links carry a numeric distance value. A D3 force-directed layout positions the nodes using `d3.forceSimulation` with link, charge, and center forces. The code loads data from a local `data.json` file and renders the result as an SVG with circles for nodes and lines for edges. The simulation updates positions on each tick, though link distances are not explicitly used to set edge lengths.

AI-generated description

React Starter code.