Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Organization Graph Diagram

Public visualization

Fork of Organization Graph Diagram

0 stars0🌍 Public
Rrong0102
Last edited May 22, 2023
Created on May 22, 2023

This example shows a network of organizations connected to the Kenneth Rainin Foundation, with main nodes representing partner groups and smaller child nodes for their sub-organizations. The visualization uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes dynamically, while SVG circles and lines render the graph. Node colors come from a generated palette in `colors.js`, and data is hardcoded in `data.js`. Users can drag nodes to reposition them, triggering simulation restart via D3’s `drag` interaction.

AI-generated description

A graph diagram representing the network of connections of the Kenneth Rainin Foundation.

Comments

Sign in to join the discussion.

MIT Licensed