Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Prototype

Public visualization

Viewing a saved revision (read-only)

1ad00419d19b4289930b832803b3d758

Prototype

0 stars0🌍 Public
JJacob Pingel Lauridsen
Last edited Mar 7, 2023
Created on Feb 13, 2023

A radial network diagram shows one central node connected to eight related application nodes, with each cluster color-coded by a palette from Paletton. The visualization uses a D3 force simulation (`d3.forceSimulation`) with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes and links in SVG. Users can drag nodes to reposition them, which updates the simulation's alpha target and restarts it. Node size and link distance are predefined constants, and the color scheme is generated programmatically from a custom colors module.

AI-generated description

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

See also React Starter.