Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Playground

Public visualization

Viewing a saved revision (read-only)

f18ebc3408de45c7968438a9818de4c0

D3 Playground

0 stars0🌍 Public
Iiamseryous
Last edited Mar 14, 2023
Created on Mar 14, 2023

A force-directed graph shows the network of connections between Kenneth Rainin Foundation grantees, with four colored main nodes linking to child nodes and smaller unnamed leaves. The visualization uses D3 v6’s `forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` to compute layout, rendering circles and text as SVG elements. A custom drag interaction lets users reposition nodes, while link distances and node sizes are defined in a data module with a generated color palette. The data comes from explicit JavaScript arrays, not an external dataset.

AI-generated description

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