EaseID

100%

✓ Published0🌍 Public

Last edited Dec 21, 2021

Created on Dec 21, 2021

A node-link diagram shows the network structure of the Kenneth Rainin Foundation, with a central node connected to child nodes and leaf nodes representing related entities. The visualization uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to position nodes, while SVG circles, lines, and text render the graph. Colors are generated from a palette in colors.js, and drag interaction lets users manually reposition nodes.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Organization Graph Diagram

This interactive network diagram visualizes the organizational connections within the Kenneth Rainin Foundation, using a force-directed layout to show relationships between four main entities and their associated sub-organizations. The SVG renders nodes as colored circles sized by hierarchy level—large main nodes, medium children, and small leaves—with connecting lines colored to match their parent node. The visualization uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to compute the physics-based layout, while a custom drag interaction allows users to reposition nodes with the simulation restarting automatically. Data comes from a hardcoded JavaScript file defining the node hierarchy and link distances.

CCurran Kelleher

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

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

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

81% match

Loading thumbnail…

Social Network Diagram

A social network diagram visualizes connections among Kenneth Rainin Foundation affiliates, with node size and color distinguishing center, home, and DSI nodes. Built with D3 v6, it uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes, while `drag` enables interactive repositioning. Links and circles render as SVG elements, with colors from a generated palette in `colors.js`. Node positions update per simulation tick, and drag interactions restart the simulation for continuous layout adjustment.

PPekingWaldo

81% match

Loading thumbnail…

Organization Graph Diagram

This interactive organization graph shows the network of connections between Kenneth Rainin Foundation grantees, with four main nodes branching into child nodes and leaf nodes. Built with D3 v6 and SVG rendering, the visualization uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes, while drag interaction lets users rearrange the layout. Node size and color encode hierarchy levels, and edges display distinct colors per main cluster.

Zzyniax

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

80% match

Loading thumbnail…

Fork of Organization Graph Diagram

This interactive network diagram visualizes the connections among the Kenneth Rainin Foundation’s partner organizations, showing four main nodes linked by a force-directed layout with smaller child and leaf nodes. Built using D3 v6, it leverages `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position elements. Nodes are rendered as colored circles sized by hierarchy level, with links colored by their source node. Dragging is enabled via D3’s `drag` interaction, and the color palette comes from generated data in `colors.js`.

Yyisha huang

80% match