Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Organization Network Graph

Public visualization

Viewing a saved revision (read-only)

00314c8cb40b4e6abdf70a6ddfdad372

Fork of Organization Network Graph

0 stars0🌍 Public
NNkwachi Abel
Last edited Jun 12, 2022
Created on Jun 11, 2022

This example shows a simple network graph with three nodes connected by two links, rendered as SVG circles and lines inside a fixed-width container. The code uses D3 v7’s `forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` to position the nodes, with the simulation’s tick event updating the circle and line coordinates. Node and link data are hardcoded as arrays, and the visualization includes drag functionality via the imported `drag` API, though it is not explicitly invoked in the shown code.

AI-generated description

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

See also React Starter.