Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Organization Graph Diagram

Public visualization

Viewing a saved revision (read-only)

c07ecfa813854d87b30f49c66caa3825

Fork of Organization Graph Diagram

0 stars2🌍 Public
JJediquu
Last edited May 8, 2023
Created on May 2, 2023

This fork of an organization graph diagram visualizes relationships within a dataset, using an interactive node-link layout to show connections between entities. Built with React and D3 v6, it relies on a force-directed simulation (`d3.forceSimulation`, `d3.forceManyBody`, `d3.forceLink`) to position nodes and links, with draggable nodes and color-coded clusters. The SVG rendering displays circles and connecting lines, with link labels placed at midpoints. The underlying data comes from a CSV file containing node IDs and weighted adjacency pairs.

AI-generated description
<!-- A graph diagram representing the network of connections of the [Kenneth Rainin Foundation](https://krfoundation.org/). --><!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/y7DxbW9nwmo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->