🌍 Public
Viewing a saved revision (read-only)
2b3b218dac0940de94fcd4eddc74f457
Tree graph
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