Fork of Organization Graph Diagram

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

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

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

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

Fork of Organization Graph Diagram

A force-directed graph shows the network of grants and partnerships among arts organizations connected to the Kenneth Rainin Foundation. Nodes represent organizations, with larger nodes for major partners and small leaves for unnamed recipients. The visualization uses d3.forceSimulation with forceManyBody and forceLink to position the network, rendering circles, lines, and labels as SVG elements. Colors are generated from the paletton.com scheme in colors.js, and users can drag nodes via d3.drag, which fixes their position and restarts the simulation.

JJohn Christensen

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

A force-directed graph maps the Kenneth Rainin Foundation's organizational network, with colored main nodes representing key partners like Arts Web, Social Impact Commons, and AmbitioUS, connected by links to smaller child and leaf nodes. The visualization uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to position nodes, while rendering elements as SVG circles, lines, and text labels. Node sizes vary by hierarchy level, and dragging repositions nodes via d3.drag, with data generated programmatically in data.js.

AAlex Stulov