Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Organization Graph Diagram

Public visualization

Organization Graph Diagram

0 stars0🌍 Public
Jjessepasswaters
Last edited Apr 7, 2022
Created on Apr 5, 2022

This example shows a force-directed network graph of an arts organization ecosystem, mapping relationships between main entities and their smaller affiliated groups. Colored circles represent nodes, with size encoding hierarchy level, while connecting lines use matching colors to show organizational links. The simulation uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` forces, plus a `drag` interaction for repositioning nodes. Data from a JavaScript array defines custom distances between linked nodes, with the SVG rendering updating positions on each simulation tick.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed