Skip to main content
SimilarExport ZIP
100%

Fork of Organization Graph Diagram

✓ Published1🌍 Public
Ttracy3057
Last edited Jun 15, 2021
Created on Jun 13, 2021

This network diagram visualizes the organizational structure of the Kenneth Rainin Foundation, depicting nodes as academic departments, research centers, and administrative offices, with links indicating interconnections. The visualization uses a force-directed layout implemented with d3.forceSimulation, d3.forceManyBody, d3.forceLink, and d3.forceCenter, rendered as an SVG with draggable circles. Node colors are defined via a Paletton-generated palette, and the graph is built from hardcoded JavaScript data representing Columbia University entities. The layout separates research and home nodes into two coordinated simulations, with labels truncated to eight characters.

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 network graph maps organizational connections from the Kenneth Rainin Foundation, with nodes representing departments and programs such as “ENG Computer Science” and “A&S Chemistry.” The visualization uses d3.forceSimulation with forceManyBody and forceLink to position nodes, while SVG circles and lines render the structure. Node sizes distinguish categories—large red centers, medium blue DSI nodes, and small gray home nodes—and links inherit source colors. Data is defined in separate data.js and colors.js modules, with drag interaction allowing manual node repositioning.

Ttracy3057
94% match
Loading thumbnail…

Fork of Organization Graph Diagram

This interactive visualization depicts the organizational structure of the Kenneth Rainin Foundation, showing main nodes like 'Arts web' connected to subsidiary nodes and numerous leaf nodes. The network is rendered as an SVG using d3.forceSimulation, with forceManyBody, forceLink, and forceCenter forces controlling the physics-based layout. Nodes are colored using a palette from colors.js, with node sizes varying by hierarchy level. Links display connecting lines, and users can drag nodes to manipulate the simulation in real time.

Ssandeep303
93% match
Loading thumbnail…

Fork of Organization Graph Diagram

This graph diagram maps the organizational structure of the Kenneth Rainin Foundation and its funded partners. It uses a force-directed layout with colored circles representing different entities, connected by lines that show their relationships. The visualization is built with d3.forceSimulation, applying forceManyBody, forceLink, and forceCenter to position nodes. Users can drag nodes to rearrange the network. The data is defined in JavaScript, with each parent node branching into child nodes and leaves.

Mmarketingywcahamilton@gmail.com
93% match
Loading thumbnail…

Fork of Organization Graph Diagram

This graph diagram visualizes the interconnected organizations within the Kenneth Rainin Foundation, using colored nodes and links to distinguish four main groups and their sub-entities. It employs D3's force-directed layout, combining `forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes dynamically. Links are drawn as SVG lines, while nodes are circles with labels, all rendered in an SVG container. The network is built from a custom dataset, with node sizes varying by hierarchy, and users can drag nodes to interact with the simulation.

GGeolffrey S Mena
93% match
Loading thumbnail…

Fork of Organization Graph Diagram

This visualization shows the organizational network of the Kenneth Rainin Foundation, using a force-directed graph with four main nodes connected to child nodes and leaf nodes. The d3.forceSimulation API positions the nodes, while d3.forceLink handles the connections, and the drag interaction allows users to reposition elements. Data generates from a hardcoded structure in data.js, with node colors and sizes defined programmatically. The SVG rendering displays circles for nodes, lines for links, and text labels for entity names.

Eevers-codeshop-ai
93% match
Loading thumbnail…

Fork of Organization Graph Diagram

This graph diagram visualizes the network of connections within the Kenneth Rainin Foundation, using four colored main nodes with child nodes and leaf nodes to represent organizational relationships. Built with D3.js v6, it employs `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes, while SVG circles, lines, and text render the structure. The data is generated programmatically in `data.js` from a color palette defined in `colors.js`, with drag interactions enabled via D3's `drag` function.

SSteinarV-design
92% match
Loading thumbnail…

Fork of Fork of Organization Graph Diagram

A network graph maps the organizational connections of the Kenneth Rainin Foundation, with large main nodes linked to smaller child nodes and leaf nodes. The visualization uses a force-directed simulation via `d3.forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` to position nodes, while SVG circles, lines, and text render the structure. Node colors come from a generated palette, and drag interactions are enabled with D3's `drag` behavior. Data is defined programmatically in `data.js` with links styled by source node color.

SSudheesh-dev
92% match
Loading thumbnail…

Fork of Organization Graph Diagram

This visualization shows the organizational network of the Kenneth Rainin Foundation, with four main funding entities connected to smaller partner organizations and leaf nodes. The graph uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to position nodes, with node size distinguishing main, child, and leaf levels. Draggable circles and text labels are rendered as SVG elements, while link distances and colors are configured per edge in the data specification.

Ssharfudeen
92% match