Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Organization graph diagram - visualization

Public visualization

Viewing a saved revision (read-only)

0f4d822b86e64ce9a7209f6a5b044792

Organization graph diagram - visualization

0 stars1🌍 Public
JJacob Pingel Lauridsen
Last edited Jan 24, 2023
Created on Jan 17, 2023

This example uses a force-directed graph to visualize relationships between organizational servers and their associated applications. It shows four main nodes (servers) connected by links, with child nodes (applications) and small leaf nodes branching from them. The visualization leverages d3.forceSimulation with forceManyBody, forceLink, and forceCenter forces to position nodes, while the d3.drag interaction allows manual repositioning. Colors are assigned per server group, and SVG circles, lines, and text labels render the final output.

AI-generated description

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

See also React Starter.