Skip to main content
100%

stacked bar

✓ Published0🌍 Public
Zzoniyac
Last edited May 6, 2020
Created on May 6, 2020
Forked from HTML Starter

This stacked bar chart displays fruit production quantities across multiple years, with each bar segment representing a different fruit type. The visualization uses d3.layout.stack() to compute the stacked layout, d3.scale.ordinal() for the x-axis, and d3.scale.linear() for the y-axis. The bars are rendered as SVG rectangles, while textured patterns from the textures.js library—including lines, circles, crosses, and waves—replace solid colors to distinguish the four fruit categories. Axes are drawn with d3.svg.axis(), and tooltips show segment values on mouse movement.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes