🌍 Public
Viewing a saved revision (read-only)
1fb13a3537b04a68acd6b8f1ae393d77
Fork of Fork of D3 Starter
This example demonstrates a network diagram of interconnected devices with distinct roles (main, sub, proxy, and agent nodes) communicating through various protocols like HTTPS, callbacks, and tunnels. The visualization uses D3 v6 to render nodes as Font Awesome icons within an SVG canvas, with curved vertical links and directional arrows indicating data flow. The code implements custom link templates via `d3.linkVertical()` and maps node coordinates from percentages to pixel positions, while also adding interactive tooltips and animated styling to represent the complex network topology.
AI-generated descriptionA demonstration of how to start using D3 version 6.