Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-06: Bar Chart

Public visualization

Viewing a saved revision (read-only)

bc244cfbc24a4db98bcf2cb4432a95e0

ICE-06: Bar Chart

0 stars0🌍 Public
LLaasyaJ256
Last edited Mar 7, 2026
Created on Mar 7, 2026
Forked from React & D3 Starter

A bar chart visualizes total revenue by product category, with each bar’s height and color mapping to aggregated sales data and category identity. The D3 v7 code loads a CSV from a GitHub gist, rolls up rows by category using `d3.rollup` and `d3.sum`, then renders SVG bars with `d3.scaleBand` and `d3.scaleOrdinal`. Axes, value labels, and chart titles are added via D3 selections, while the React wrapper only displays static text and does not participate in the chart rendering.

AI-generated description