🌍 Public
Viewing a saved revision (read-only)
901ec49d4ec24448a45d9cebedcf6f2f
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