Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

organizational graph

Public visualization

Viewing a saved revision (read-only)

5f8c8ac561ce42fd86170c688ec929e2

organizational graph

0 stars0🌍 Public
Ccynichole
Last edited Mar 22, 2022
Created on Mar 22, 2022
Forked from D3 Force Layout

This example visualizes an organizational network of arts and social impact organizations, with main nodes (large colored circles) representing umbrella groups and child nodes representing affiliated projects. Force-directed layout in d3.v7, using `forceSimulation`, `forceManyBody`, and `forceLink`, positions nodes based on link distances, while `forceCenter` pulls them toward the canvas center. The SVG rendering shows colored links and node labels. Users can drag nodes via the `drag` interaction, which restarts the simulation. Data is defined procedurally in `data.js` with a palette from `colors.js`.

AI-generated description

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

See also React Starter.