Skip to main content
SimilarExport ZIP
100%

Fork of Organization Graph Diagram

✓ Published0🌍 Public
DDevZeonec
Last edited Apr 20, 2024
Created on Apr 20, 2024

This force-directed graph maps the network of connections among Kenneth Rainin Foundation grantee organizations, with larger colored nodes representing major initiatives and smaller nodes for affiliated programs. The visualization uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to compute layout, rendering nodes and edges as SVG circles and lines that users can drag and reposition. Data is generated programmatically in data.js using color palettes from paletton.com, with all interaction handled through d3.drag methods.

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

Fork of Organization Graph Diagram

A force-directed graph maps the network of connections within the Kenneth Rainin Foundation's grantee ecosystem, with colored nodes sized by hierarchy and links showing relationships between main organizations and their sub-grantees. Using d3.forceSimulation with forceManyBody and forceLink, the SVG visualization positions draggable circles and labels dynamically. Data is generated programmatically in data.js, assigning node sizes and link distances based on parent-child relationships, while colors come from a paletton.com-generated palette.

MMedapati Vijay Reddy
96% match
Loading thumbnail…

Fork of Organization Graph Diagram

A force-directed network diagram maps connections among Kenneth Rainin Foundation partners, with colored nodes and links grouping related organizations. The visualization uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes, and renders SVG circles and lines with drag interaction enabled. Data is generated procedurally in `data.js`, with node sizes and link distances varying by hierarchy level, and colors defined in a separate `colors.js` module from paletton.com. The network highlights clusters like Arts Web, Social Impact Commons, and other foundation grantee communities.

Ttkcj0912
95% 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
95% 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
95% 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, 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
95% match
Loading thumbnail…

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
95% match