Fork of Fork of Fork of Organization Graph Diagram

100%

Fork of Fork of Fork of Organization Graph Diagram

✓ Published0🌍 Public

Last edited Jan 31, 2024

Created on Jan 31, 2024

Forked from Fork of Fork of Organization Graph Diagram

This network diagram visualizes the connections between arts organizations funded by the Kenneth Rainin Foundation, with four colored main nodes representing major initiatives and smaller child nodes for individual grantees. The graph uses D3's `forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` APIs to compute a physics-based layout with collapsible hierarchy. Nodes render as SVG circles with labels, while links draw as colored lines based on parent color, created from data structures in `data.js` and `colors.js`.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Organization Graph Diagram

This force-directed graph visualizes the network of organizations connected to the Kenneth Rainin Foundation, using D3 v6’s `forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` to position nodes and links. Four main entities—Arts Web, Social Impact Commons, Community Arts Stabilization Trust, and AmbitioUS—are rendered as larger colored circles with smaller child nodes and leaf nodes, while links use per-connection distance and color. Node and link colors come from a predefined palette in `colors.js`, and the SVG output is updated on each simulation tick.

AAbdul Majeed

95% match

Loading thumbnail…

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

94% match

Loading thumbnail…

Fork of Organization Graph Diagram

A force-directed network graph maps connections between arts organizations funded by the Kenneth Rainin Foundation, using nodes sized by hierarchy level and colored by cluster. The visualization renders as SVG circles and lines via d3.forceSimulation, forceManyBody, forceLink, and drag interactions, with data generated programmatically in data.js.

Ttkcj0912

94% match

Loading thumbnail…

Fork of Fork of Organization Graph Diagram

A network graph visualizes the connections among organizations linked to the Kenneth Rainin Foundation, with four main nodes branching into child nodes and leaf nodes. The diagram uses colored circles and connecting lines to show relationships, with node size indicating hierarchy level. Built with D3 v6, it employs `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position elements, while `drag()` enables interaction. The data is hardcoded in a separate module, and the SVG renders labels for identifiable nodes.

Nnajmalsha18@gmail.com

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

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

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

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