🌍 Public
Viewing a saved revision (read-only)
e19e5b00f2f748aebd6015d649065515
Fork of Prototype of force Simulation v2
This example visualizes a hierarchical network of servers and their applications using a force-directed graph. It shows four main server nodes, each connected to child application nodes, with some child nodes having leaf nodes attached. The visualization demonstrates bidirectional links between paired servers and uses node size and color to distinguish hierarchy levels. The code implements this using D3 v4's `forceSimulation`, `forceLink`, `forceManyBody`, and `forceCenter` APIs, with drag interaction handling and SVG rendering of circles, lines, and text labels.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.