Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

b92a47b0a6ba493f9ad2f2b05c31bbb0

Untitled

0 stars0🌍 Public
Jjuanmy400
Last edited Feb 8, 2022
Created on Feb 8, 2022
Forked from HTML Starter

This interactive network visualization shows a force-directed graph with labeled nodes and directed links. The graph is loaded from a remote JSON file and rendered using SVG. The visualization uses the D3.js force simulation API, specifically `d3.forceSimulation()` with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter`, to position nodes. Users can drag nodes, which restarts the simulation. Link labels are rotated to stay upright, and arrowheads mark link direction. The code relies on `d3.selection` extensions for event handling.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.