Fork of Organization Graph Diagram

Fork of Organization Graph Diagram

A network graph visualizes the relationships among Kenneth Rainin Foundation grantees, with four main organizations connected by colored links and surrounded by child nodes and anonymous leaf nodes. Built with D3 v6, it uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position elements. SVG circles and lines render the structure, with drag interaction allowing manual node repositioning. Data is defined in `data.js`, and colors come from a generated palette in `colors.js`.

Kkaigoedee

Fork of Organization Graph Diagram

This fork of an organization graph diagram visualizes the network of connections among Kenneth Rainin Foundation grantees, using colored nodes and links to distinguish major organizations from their child projects and leaves. It uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to compute layout, while SVG circles, lines, and text render the graph with drag interaction. Data is manually defined in data.js, with colors generated via Paletton.

MMariusPaulRichter

Fork of Organization Graph Diagram

This visualization shows the network of connections between the Kenneth Rainin Foundation and its grantees, including organizations like the Arts Web, Social Impact Commons, and AmbitioUS. The graph depicts main nodes, child nodes, and leaf nodes as colored circles, with links representing organizational relationships. It uses D3’s force simulation (`d3.forceSimulation`, `forceManyBody`, `forceLink`, `forceCenter`) to position elements, with node sizes varying by hierarchy level and colors generated from a predefined palette in `colors.js`. Users can drag nodes to interact with the layout.

Jjamesbeckett35

Fork of Organization Graph Diagram

This fork visualizes the network of connections within the Kenneth Rainin Foundation, showing four main colored nodes (Arts Web, Social Impact Commons, Community Arts Stabilization Trust, AmbitioUS) linked to smaller child nodes and tiny leaf nodes. The graph uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to position elements, while SVG circles, lines, and text labels render the hierarchy. Colors are generated from the included colors.js palette, and node sizes vary by depth. Drag interactions are enabled, allowing users to reposition nodes within the force-directed layout.

ZZhitong LIU

Fork of Organization Graph Diagram

A fork of the Organization Graph Diagram visualizes the network of connections between the Kenneth Rainin Foundation’s partner organizations, with four main color-coded nodes (like Arts Web and AmbitioUS) linked to child nodes and smaller leaves. Using D3.js v6, it employs `d3.forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` to position nodes, while SVG circles, lines, and text render the graph. Dragging is enabled via D3’s `drag` interface, and the data is predefined in a JavaScript module with colors generated from Paletton.

JJesus Angel

Fork of Organization Graph Diagram

This graph diagram visualizes the network of connections within the Kenneth Rainin Foundation, using four colored main nodes with child nodes and leaf nodes to represent organizational relationships. Built with D3.js v6, it employs `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes, while SVG circles, lines, and text render the structure. The data is generated programmatically in `data.js` from a color palette defined in `colors.js`, with drag interactions enabled via D3's `drag` function.

SSteinarV-design

Fork of Organization Graph Diagram

A force-directed graph represents the network of connections among the Kenneth Rainin Foundation's grantees. It shows four main organizational nodes — such as Arts Web and AmbitioUS — each with child nodes and many small leaf nodes, linked by colored lines. The visualization uses d3.forceSimulation with forceManyBody and forceLink, rendering SVG circles and text. Node positions update on each tick, and drag interaction lets users reposition nodes. Data is defined in data.js with color palettes from colors.js.

Ccharliemok

Fork of Organization Graph Diagram

A force-directed graph maps the network of Kenneth Rainin Foundation grantees, with colored hubs for major programs and smaller nodes for affiliated organizations. Four main clusters—Arts Web, Social Impact Commons, Community Arts Stabilization Trust, and AmbitioUS—are interconnected, while leaves represent individual grants. Built with D3 v6, the visualization uses `d3.forceSimulation`, `forceManyBody`, and `forceLink` to compute layout. Nodes and edges are SVG circles and lines, with drag interaction via `d3.drag`. Data is generated programmatically in `data.js`, with colors from a Paletton palette.

RRoberto