🌍 Public
Viewing a saved revision (read-only)
0f4d822b86e64ce9a7209f6a5b044792
Organization graph diagram - visualization
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 descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.