Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree graph

Public visualization

Viewing a saved revision (read-only)

b79027d4d4f6440792342da3a89eb2b9

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