Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

stacked bar

Public visualization

Viewing a saved revision (read-only)

4496769c5c75480c978976f85c1db678

stacked bar

0 stars0🌍 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.