Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

stacked bar

Public visualization

Viewing a saved revision (read-only)

fd2ce27199d74144b8de28c06068ee77

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.