Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force-Directed Graph

Public visualization

Viewing a saved revision (read-only)

972c55e3f88e4dfaafc1f2ca2fdd2853

Force-Directed Graph

0 stars0🌍 Public
Ttkcj0912
Last edited Jun 23, 2023
Created on Jun 23, 2023
Forked from HTML Starter

This is a force-directed graph visualization rendered as an SVG, showing three nodes and three links in a small network. The node and link positions are determined by a physical simulation where nodes repel each other and links pull connected nodes together. The code uses `d3.forceSimulation` to combine `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` forces, updating SVG circle and line elements on each simulation tick. The data comes from a local JSON file with node IDs and link source/target references.

AI-generated description

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

See also React Starter.