Fork of Organization Graph Diagram

100%

Fork of Organization Graph Diagram

✓ Published1🌍 Public

Last edited Jan 29, 2024

Created on Jan 29, 2024

A network graph diagram maps the connections between organizations funded by the Kenneth Rainin Foundation, such as arts and social-impact groups. Main nodes are larger and color-coded, with smaller child and leaf nodes branching off, while lines link related entities. Using d3.forceSimulation with forceManyBody and forceLink, circles, text, and lines are rendered as SVG elements. Drag interaction lets users reposition nodes, and node and link distances are defined in the data, with colors generated via paletton.com.

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 network diagram maps connections among organizations affiliated with the Kenneth Rainin Foundation, grouping related entities around larger main nodes with smaller child and leaf nodes. The visualization uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to compute node positions, while links are drawn as colored SVG lines based on a color palette generated via Paletton. Node labels appear as SVG text, and a drag interaction lets users reposition nodes to explore the graph dynamically.

AAzazello13

95% match

Loading thumbnail…

Fork of Organization Graph Diagram

This visualization displays a network of connections between organizations funded by the Kenneth Rainin Foundation, with nodes representing main entities, child nodes, and unlabeled leaf nodes. The graph uses d3.forceSimulation with forceManyBody and forceLink to position nodes dynamically, while links are colored to match their source nodes. Node colors are generated from a palette in colors.js, and the SVG rendering updates positions on each simulation tick. Users can drag circles to interact with the graph, and clicking a node triggers the addition of a new main node.

Ccaitlin-woods

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

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

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

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

94% match

Loading thumbnail…

Fork of Fork of Organization Graph Diagram

This example shows a network of organizations connected by the Kenneth Rainin Foundation, with larger color-coded main nodes linked to smaller child nodes and leaf circles. The data is assembled in a JavaScript module that defines node sizes, colors, and link distances. The visualization uses d3.forceSimulation with forceManyBody and forceLink to position elements, rendering as SVG circles, lines, and text labels in an HTML page. Nodes can be dragged, which sets fixed positions and restarts the simulation.

SSg2041

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