Skip to main content
100%

1117所有堆叠图

✓ Published1🌍 Public
Vvivianaaai@qq.com
Last edited Nov 17, 2023
Created on Nov 17, 2023

This stacked bar chart visualizes traffic counts across 28 lane segments, categorizing volumes into pedestrians, non-motorized vehicles, and motor vehicles by lane ID. Animated on page load, hovering over any bar segment reveals a tooltip displaying the exact count and percentage share of that category within the total for its lane. Built with React and D3 v6, it uses `d3.stack()` to generate the layered series, `d3.scaleBand()` and `d3.scaleLinear()` for positioning, and `d3.scaleOrdinal()` with `d3.schemeSet3` for color encoding. A custom HTML legend and SVG-rendered axes complete the visualization.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes