🌍 Public
Viewing a saved revision (read-only)
4bff7845a10446cda6aaa00e291cbb3f
d3.js learning
This stacked bar chart visualizes changes in fruit consumption over time, with each bar segment representing a fruit type and its height corresponding to the value. The visualization uses d3.layout.stack to layer the data, d3.time.scale for the ordinal x-axis, and d3.svg.axis for labeled axes. Hovering over a segment displays a tooltip with the exact value via mouseover and mousemove events. A legend identifies the four fruit categories. The chart is built with SVG, using d3.v3, and applies Bostock's margin convention for layout.
AI-generated descriptionA scatter plot of Data Canvas Sense Your City Dataset.