Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

graph

Public visualization

Viewing a saved revision (read-only)

5ff73139032045de8454f1c9b99ba5fb

graph

0 stars0🌍 Public
BBrooke Joseph
Last edited Mar 10, 2024
Created on Mar 10, 2024
Forked from HTML Starter

This example shows a force-directed graph of interconnected arts organizations, with four main groups—Arts Web, Social Impact Commons, Community Arts Stabilization Trust, and AmbitioUS—each linked to child nodes and leaf nodes. The visualization uses D3 v6’s `forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to layout nodes, while `drag` enables interactive repositioning. Node sizes vary by hierarchy level (main, child, leaf), and link distances are customized per connection. The data is defined in a separate `data.js` module, and the rendering draws colored circles, links, and text labels directly in an SVG container.

AI-generated description

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

See also React Starter.