Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Organization Graph Diagram

Public visualization

Viewing a saved revision (read-only)

3e4c39a3042d4e69ad663aff93a61df0

Organization Graph Diagram

0 stars0🌍 Public
SSteinarV-design
Last edited Apr 8, 2021
Created on Apr 8, 2021
Forked from HTML Starter

This example visualizes a fictional organization’s hierarchy as an interactive graph diagram, using a force-directed layout to position nodes and links. It shows staff roles and reporting relationships, with the graph rendered on an HTML page. The code uses React to manage the component state and rendering, alongside the D3.js library’s force simulation (`d3.forceSimulation`) to compute the node positions and link paths. The visualization does not load external data, instead relying on the inline JavaScript to define its structure.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.