Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

practice tree

Public visualization

practice tree

0 stars0🌍 Public
Ppilliprathimarani@my.unt.edu
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from iCE8-Tree-Prathima

This visualization displays the hierarchical structure of energy infrastructure distribution, showing power plants, substations, and distribution centers as a branching tree. The code uses d3.tree() to compute node positions and renders curved links as SVG paths with color-coded strokes based on each node’s level. Circles represent nodes with radii scaled by each entry’s value, while leaf labels include capacity numbers. The example creates an SVG with a light blue background, using D3 v7 to append nodes and text with custom styling defined in the accompanying CSS.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed