Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree graph

Public visualization

Viewing a saved revision (read-only)

1364f44e774c4e258bf66e7b13caad5d

Tree graph

0 stars0🌍 Public
Ssatishnarne99@gmail.com
Last edited Apr 3, 2024
Created on Apr 3, 2024

A static tree diagram visualizes traffic timings between two Bangalore localities across four dayparts: morning, midday, evening, and midnight. Three levels of nodes represent the root, time periods, and travel routes, with rounded leaf labels indicating individual travel times in minutes. The chart is built with D3.js v7, using `d3.tree` and `d3.hierarchy` to compute the layout and `d3.linkHorizontal` for the curved connecting paths. Nodes are custom-styled `circle` elements with depth-based fills and strokes, while an SVG gradient background and varied link colors distinguish the branches.

AI-generated description