Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Tree

Public visualization

Viewing a saved revision (read-only)

464770e9867748569def1b2441f1c34c

World Countries Tree

0 stars0🌍 Public
MMirza
Last edited Jul 30, 2019
Created on Jul 30, 2019

This example visualizes a hierarchical network of virtual components, from a root "Virtual Network" down through subnets, network security groups, and virtual machines to network interfaces and IP addresses. Using D3 v5, it renders a vertical tree layout with `d3.tree()` and `d3.hierarchy()`, drawing nodes as pink rectangles and light blue circles on an SVG canvas. The code employs `d3.linkVertical()` for edge paths and `d3.zoom()` for pan and zoom interactions. Data comes from a local `data.json` file, loaded asynchronously via `d3.json()`.

AI-generated description