Fork of Organization Graph Diagram

Fork of Organization Graph Diagram

This visualization shows the network of connections within the Kenneth Rainin Foundation’s grantee ecosystem, using a force-directed graph with four main nodes (such as Arts Web and AmbitioUS) linked to child nodes and leaf nodes. The code uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to position the nodes, while SVG circles, lines, and text represent entities and relationships, with sizes and colors defined in a custom data module and palette.

RRamakanth771

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

This fork of an organization graph diagram visualizes the network of connections among Kenneth Rainin Foundation grantees, with four main colored nodes (Arts Web, Social Impact Commons, Community Arts Stabilization Trust, and AmbitioUS) linked together and branching into child and leaf nodes. Built with D3 v6, it uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes, while `drag` enables interactive repositioning. The SVG rendering displays circles sized by node hierarchy and labeled lines colored by parent node, with data defined in a separate module using `export` arrays.

AAxel-Pond

Fork of Organization Graph Diagram

This fork of an organization graph diagram visualizes connections among Kenneth Rainin Foundation grantees, with four color-coded main nodes (such as Arts Web and AmbitioUS) linked to child nodes and small leaf nodes. The force-directed layout uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter, while drag interaction lets users reposition nodes. Data is generated programmatically in data.js with node sizes and link distances configured per hierarchy level. The SVG rendering updates positions during simulation ticks, with colors defined in a separate module.

Nnajmalsha18@gmail.com

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 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

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 graph diagram visualizes the network of connections among the Kenneth Rainin Foundation's programs and partner organizations, such as Arts Web and Social Impact Commons. Built with D3 v6's `forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter`, the SVG shows nodes sized by hierarchy level, with colored links indicating relationships. Data is defined in `data.js` with nodes and links, while `colors.js` provides the palette. The simulation runs dynamically, updating circle and line positions on each tick, and supports dragging nodes via the `drag` interaction.

LLTine8