Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of D3 Starter

Public visualization

Viewing a saved revision (read-only)

02d39968e545410aa39a7645b4c0c3e4

Fork of Fork of D3 Starter

0 stars0🌍 Public
Aall-over-yet
Last edited Jul 15, 2021
Created on Jul 15, 2021
Forked from Fork of D3 Starter

This example demonstrates a network visualization with nodes representing servers and proxies, linked by connections labeled with ports and protocols. Animated SVG paths show link directions, while each node displays a Font Awesome icon based on its role via `d3.select`. The code uses `d3.linkVertical()` to draw curved paths from hard-coded `x` and `y` coordinates, with tooltips and color-coded elements defined in the stylesheet. The network data is static, defined explicitly in the JavaScript, and rendered using D3 v6 in an SVG container.

AI-generated description

A demonstration of how to start using D3 version 6.