Fork of Organization Graph Diagram

100%

Fork of Organization Graph Diagram

✓ Published0🌍 Public

Last edited Jun 23, 2023

Created on Jun 23, 2023

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.

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

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

95% match

Loading thumbnail…

Fork of Organization Graph Diagram

A force-directed network graph illustrates the connections among organizations linked to the Kenneth Rainin Foundation, using colored parent nodes with child clusters and unattributed leaf nodes to show hierarchy. The d3.forceSimulation API applies forceManyBody, forceLink, and forceCenter to arrange the SVG circles and lines, while drag interaction lets users reposition nodes. Data from the foundation’s partnerships drives the layout, with node size and color distinguishing main entities from smaller affiliations.

SShanmukh

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

94% match

Loading thumbnail…

Fork of Organization Graph Diagram

A network graph visualizes the connections between organizations funded by the Kenneth Rainin Foundation, with four main nodes branching into smaller child nodes and leaf circles. The diagram uses SVG circles and lines colored by cluster, with text labels for named organizations. Built with D3 v6, the visualization relies on `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to compute the layout. Users can drag nodes via d3.drag, which fixes their position and restarts the simulation.

RRoland

94% match

Loading thumbnail…

Fork of Fork of Organization Graph Diagram

A force-directed graph shows the network of connections between organizations in the Kenneth Rainin Foundation's ecosystem. Four main nodes with distinct colors branch into child nodes and small unlabeled leaves, while links connect the main clusters. The visualization uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to position nodes, with drag interaction for manual rearrangement. Data comes from a custom data.js file, rendered as SVG circles, lines, and text labels.

AAzazello13

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

94% match