test

100%

✓ Published0🌍 Public

Last edited Jun 20, 2021

Created on Jun 20, 2021

This network graph displays the connections among Kenneth Rainin Foundation initiatives, including Arts Web, Social Impact Commons, Community Arts Stabilization Trust, and AmbitioUS, each with child nodes representing partner organizations. The visualization uses D3 v6’s `forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` forces to position nodes, while user interaction via `drag` lets viewers move nodes. Node and link colors come from a generated palette in `colors.js`, and the SVG rendering shows circles sized by node hierarchy and text labels.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Graph Test

This graph diagram visualizes the network of connections within the Kenneth Rainin Foundation, representing predicates, referents, and groups as colored rectangular nodes. The visualization uses D3.js v6 with `forceSimulation` to position nodes, `forceManyBody` for repulsion, `forceLink` for edge constraints, and `forceCenter` for layout anchoring. Nodes are rendered as SVG rectangles with drag interactions, while links appear as lines between connected elements. The data is defined programmatically in data.js, with a custom color palette generated via Paletton.

CConnor Trump

88% match

Loading thumbnail…

Fork of Organization Graph Diagram

This graph diagram visualizes the network of connections among the Kenneth Rainin Foundation's programs and partner organizations, such as Arts Web and Social Impact Commons. Built with D3 v6's `forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter`, the SVG shows nodes sized by hierarchy level, with colored links indicating relationships. Data is defined in `data.js` with nodes and links, while `colors.js` provides the palette. The simulation runs dynamically, updating circle and line positions on each tick, and supports dragging nodes via the `drag` interaction.

LLTine8

88% match

Loading thumbnail…

Graph network reference

A force-directed graph shows the network of organizations connected to the Kenneth Rainin Foundation, with four main nodes branching into smaller child nodes and leaf nodes. The visualization uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position elements, rendered as SVG circles and lines with labels. Dragging nodes via the `drag` interaction updates their fixed positions. Node colors are sourced from a palette in `colors.js`, and link distances vary by hierarchy level.

MMax Davydenko

88% match

Loading thumbnail…

Trying

A force-directed network diagram shows four main nodes—Arts Web, Social Impact Commons, Community Arts Stabilization Trust, and AmbitioUS—connected by links, with child nodes and smaller leaf nodes radiating from each. The visualization uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter, rendering circles, lines, and text labels in SVG. Nodes are draggable, and colors come from a generated palette in colors.js. Data represents organizational connections from the Kenneth Rainin Foundation.

Mmalipieroproject

87% match

Loading thumbnail…

Network Diagram

This network diagram visualizes the connections within the Kenneth Rainin Foundation's arts program, showing main nodes, child nodes, and leaf nodes with varying sizes and colors. Built with D3 v6, it uses `d3.forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` to compute a physics-based layout. The SVG rendering updates node positions and link lines on each simulation tick. Colors come from a generated palette in `colors.js`, and the interactive drag interaction allows repositioning nodes, which restarts the simulation.

ZZeynep AKI

87% match

Loading thumbnail…

Network Graph Diagram

This example uses a network graph diagram to visualize connections within the Kenneth Rainin Foundation, displaying both main nodes and child nodes. Built with D3.js v6, it uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes that are rendered as SVG circles, with text labels for names. Links are drawn as lines, and the graph is interactive, supporting drag-and-drop via the `drag()` behavior and zooming through the `zoom()` handler. The data is defined in JavaScript, with node colors indicating checked status.

Ssrivalliwuyyuru

87% match

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

86% match

Loading thumbnail…

Fork of Fork of Organization Graph Diagram

This D3.js force-directed graph visualizes the network of connections among organizations linked to the Kenneth Rainin Foundation, with a central cluster of main nodes (Arts Web, Social Impact Commons, Community Arts Stabilization Trust, AmbitioUS) connected by colored links and surrounded by smaller child nodes and leaf nodes. It demonstrates the `d3.forceSimulation` API with `forceManyBody`, `forceLink`, and `forceCenter` forces, rendering nodes as SVG circles with varying sizes and labels. Interactive dragging via `d3.drag` lets viewers reposition nodes, while link distances and node colors are preconfigured in a data file. The example uses data from the foundation’s network and generates a structured hierarchy through explicit parent-child relationships.

MMariusPaulRichter

86% match