Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

1da7c6a9910640e6b91ad6a5de386899

Untitled

0 stars5🌍 Public
GGitszhao
Last edited Mar 3, 2020
Created on Mar 3, 2020
Forked from HTML Starter

This example shows a React-based data visualization that renders a network of interconnected nodes using D3’s force simulation. The code uses `d3.forceSimulation` with collision, link, and many-body forces to position the nodes, while SVG circles and lines are drawn for the graph elements. The visualization updates continuously as the simulation runs, with nodes colored by their degree and links shown as gray lines. It demonstrates a straightforward integration of D3’s force layout within a React component, relying on `useEffect` and `useRef` to manage the simulation lifecycle.

AI-generated description

A bare minimum HTML page.

See also React Starter.