Skip to main content
SimilarExport ZIP
100%

Fork of Organization Graph Diagram

✓ Published0🌍 Public
CcHz
Last edited Aug 5, 2023
Created on Jul 31, 2023

This network diagram visualizes the connections between organizations in the Kenneth Rainin Foundation's grantee ecosystem, with four primary color-coded clusters representing Arts Web, Social Impact Commons, Community Arts Stabilization Trust, and AmbitioUS. The SVG rendering uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to position nodes, while drag interaction allows manual repositioning. Each main node connects to child organizations with leaf nodes, and link colors inherit from source nodes. The data structure in data.js defines node sizes and distances, with colors generated via Paletton.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

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
94% match
Loading thumbnail…

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
94% match
Loading thumbnail…

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
93% match
Loading thumbnail…

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
93% match
Loading thumbnail…

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
93% match
Loading thumbnail…

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
93% match
Loading thumbnail…

Fork of Organization Graph Diagram

This force-directed graph maps the network of connections among the Kenneth Rainin Foundation’s grantee organizations, with nodes colored by category via generated palettes and sized by hierarchy level. It renders as SVG circles and lines using d3.forceSimulation with forceManyBody, forceLink, and forceCenter, plus drag interaction for repositioning. Node data is assembled programmatically in data.js, defining main, child, and leaf nodes with custom link distances. Labels appear on all named nodes, while unnamed leaves remain unlabeled.

MMariusPaulRichter
93% match
Loading thumbnail…

Fork of Organization Graph Diagram

This force-directed graph maps the network of connections among the Kenneth Rainin Foundation’s grantee organizations, with nodes colored by category via generated palettes and sized by hierarchy level. It renders as SVG circles and lines using d3.forceSimulation with forceManyBody, forceLink, and forceCenter, plus drag interaction for repositioning. Node data is assembled programmatically in data.js, defining main, child, and leaf nodes with custom link distances. Labels appear on all named nodes, while unnamed leaves remain unlabeled.

MMariusPaulRichter
93% match