Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

2677612f7c8644ad88f031e59762de28

Untitled

0 stars0🌍 Public
Llibertycoda
Last edited Jun 2, 2020
Created on Jun 2, 2020
Forked from HTML Starter

This example demonstrates a minimal React application that renders an interactive visualization using D3.js. It displays a force-directed graph where nodes and links are positioned and animated through d3.forceSimulation. The React component manages the SVG container as a ref and directly manipulates the DOM to update node positions and link paths on each simulation tick. The code imports specific D3 functions including forceSimulation, forceLink, forceManyBody, forceCenter, and uses a drag interaction via d3.drag. Data is created inline as a small set of test nodes and edges.

AI-generated description

A bare minimum HTML page.

See also React Starter.