Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-06: Bar Chart

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed