Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network Simulation

Public visualization

Viewing a saved revision (read-only)

6e6b63d1f5db498691503028a3d486b9

Network Simulation

0 stars1🌍 Public
DDasbach.EJ
Last edited Jul 4, 2021
Created on Jul 1, 2021
Forked from HTML Starter

This example shows a small network of five people (John, Marcus, Jane, Clara, and Nice) and their connections, rendered as circles and lines in an SVG. A d3.forceSimulation with link, charge, and center forces positions the nodes, and the circle and line positions update on each tick via d3.select calls. The data comes from a JSON file with node IDs and link references. The code uses D3 v6 to create the elements and run the force layout.

AI-generated description

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

See also React Starter.