Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3.js learning

Public visualization

Viewing a saved revision (read-only)

735e9b5531a74e26a6067d8fac2d2f71

d3.js learning

0 stars1🌍 Public
Ttayyabanisar
Last edited May 11, 2020
Created on May 11, 2020
Forked from d3.js learning

This stacked bar chart visualizes yearly fruit consumption data from a CSV-like dataset, tracking redDelicious apples, McIntosh apples, oranges, and pears. It uses `d3.layout.stack` to compute layered series and `d3.scale.ordinal` for the x-axis years, with SVG rects for bars. Hovering reveals a tooltip with the value via mouse events. A legend identifies the four categories with custom labels, while `d3.svg.axis` renders gridlines and axes.

AI-generated description

A bare minimum HTML page.

See also React Starter.