Fork of Organization Graph Diagram

100%

Fork of Organization Graph Diagram

✓ Published0🌍 Public

Last edited Jan 31, 2021

Created on Jan 31, 2021

A force-directed graph visualizes the network of organizations connected to the Kenneth Rainin Foundation. Color-coded nodes represent the foundation and its partners, with larger main nodes and smaller child and leaf nodes arranged through simulation. The visualization uses D3 v6 with `d3.forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` to position elements, while links and circles are rendered as SVG. Node data and colors are defined in separate JavaScript modules, and the graph supports dragging to reposition nodes interactively.

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

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

97% match

Loading thumbnail…

Fork of Organization Graph Diagram

This visualization uses a force-directed graph to map organizational connections within the Kenneth Rainin Foundation’s network. Nodes represent main entities, child organizations, and leaf nodes, with links showing relationships between them. The code employs `d3.forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` to position elements, while SVG circles, lines, and text render the data. Node colors and sizes are defined in a separate data file, and drag interactions use d3’s `drag` behavior to let users reposition nodes dynamically.

DDarren Kay

97% match

Loading thumbnail…

Fork of Organization Graph Diagram

A force-directed graph shows the network of organizations connected to the Kenneth Rainin Foundation, with nodes sized by hierarchy level and colored by their parent organization. D3’s `forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` arrange the nodes and links, while drag interaction lets users reposition them. Data is defined in `data.js` using the supplied `colors` palette, and the SVG rendering updates on each tick to reposition circles, lines, and labels.

Aape-ape-ape

97% match

Loading thumbnail…

Fork of Organization Graph Diagram

This visualization shows the network of organizations connected to the Kenneth Rainin Foundation, using a force-directed graph with colored nodes and links. D3’s `forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` arrange the nodes, while a drag interaction lets users reposition them. The SVG rendering uses circles for nodes, lines for links, and text labels, with node size distinguishing main organizations, child nodes, and leaves. The data is defined in a separate `data.js` file, and colors are generated from Palette.

YYing-Liu21

97% match

Loading thumbnail…

Fork of Organization Graph Diagram

A force-directed graph visualizes the Kenneth Rainin Foundation's organizational network, with colored nodes representing main entities, child organizations, and small leaves. D3's `forceSimulation` with `forceManyBody` and `forceLink` positions nodes by link distance, while SVG circles, lines, and text render the structure. Dragging nodes via `drag` updates their fixed positions and restarts the simulation. Node colors come from a generated palette in `colors.js`, and the data defines hierarchical connections between groups like Arts Web, Social Impact Commons, and AmbitioUS.

JJuanda

97% match

Loading thumbnail…

Fork of Organization Graph Diagram

A force-directed graph shows the organizational network of the Kenneth Rainin Foundation, with four main color-coded nodes representing major programs and smaller linked nodes for partner organizations. Each main node connects to child nodes with attached leaf nodes, and the main nodes interconnect through additional links. The visualization uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to position elements, rendered as SVG circles and lines in a 960x960 viewport. Node and link colors come from a palette defined in colors.js, and the data structure is assembled programmatically in data.js with configurable node sizes and link distances.

SSudheesh-dev

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

96% match

Loading thumbnail…

Fork of Fork of Organization Graph Diagram

A force-directed graph shows the network of connections among four main organizations supported by the Kenneth Rainin Foundation, with linked child nodes and leaf nodes representing smaller partners. The visualization uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes, while SVG circles, lines, and text labels are rendered and updated on each tick. Colors are assigned per organization from a generated palette, and nodes are draggable via `d3.drag`, which fixes their position and restarts the simulation. Data is defined programmatically in `data.js`, and the graph is rendered entirely with SVG elements.

AAxel-Pond

96% match