Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

iCE8-Tree-Prathima

Public visualization

Viewing a saved revision (read-only)

00fbdae6d89b49bab4ae650bc9c51d39

iCE8-Tree-Prathima

0 stars1🌍 Public
Ppilliprathimarani@my.unt.edu
Last edited Apr 3, 2024
Created on Apr 2, 2024

This visualization displays the distribution of energy infrastructure using a hierarchical tree layout. It depicts power plants, substations, and distribution centers as nodes, with circles scaled by assigned values and colored by type or level. The D3.js library’s `d3.tree()` and `d3.hierarchy()` methods structure the data, while SVG paths create curved links between parent and child nodes. Node attributes are set via `.attr` and `.style`, and the code includes conditional logic to render internal nodes differently from leaf nodes.

AI-generated description