Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Organization graph diagram - visualization

Public visualization

Viewing a saved revision (read-only)

37a014d1d14e4f4e91cb2305a70927ca

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.