marcz-p3f

@marcz-p3f·2 public vizzes

Fork of Fork of D3 Starter

A network graph visualization demonstrates a proxy chain architecture using D3 v6 with SVG rendering. The diagram shows main, sub, proxy, and agent nodes connected by HTTPS, callback, tunnel, and reverse links, with each node displaying a Font Awesome icon. The code uses `d3.linkHorizontal` for curved link paths, `d3.zoom` for pan and zoom interactions, and predefined fixed node coordinates positioned as percentages of the SVG dimensions. Node and link styling is applied through D3 selections with custom CSS classes.

Apr 20, 2021

Loading thumbnail…

Fork of D3 Starter

This example demonstrates a static network diagram of interconnected devices, including main servers, proxies, and agents, rendered as labeled nodes with curved link paths. The visualization uses D3 v6 to bind network data to SVG elements, with node positions calculated from percentage-based coordinates and links drawn using `d3.linkVertical`. Node types are distinguished through Font Awesome icons, and hover interactions display tooltips. The code defines link directionality and applies custom styling through an external CSS file, while the SVG canvas is configured with a fixed width and height.

Apr 20, 2021