Skip to main content
100%

Fork of Organization Graph Diagram

✓ Published0🌍 Public
Yyisha huang
Last edited Feb 12, 2025
Created on Feb 12, 2025

A network diagram shows the connections between Kenneth Rainin Foundation grantees, with four main organizations and their child nodes arranged in a force-directed graph. Using d3.forceSimulation, forceManyBody, and forceLink, the SVG visualization positions circles sized by hierarchy level, with colored links indicating relationships between parent and child nodes. The code generates node data programmatically from a foundation dataset, using color palettes generated by Paletton. Users can drag circles to reposition them, triggering simulation restarts.

AI-generated description

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

MIT Licensed

Similar vizzes