Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sequential Bar Chart

Public visualization

Viewing a saved revision (read-only)

cb70d9cb7f16486886bcd001626b1c3b

Sequential Bar Chart

0 stars0🌍 Public
PPranay Matalia
Last edited Mar 8, 2022
Created on Mar 8, 2022
Forked from HTML Starter

This sequential bar chart visualizes California government expenditure from 2012 to 2019, with each bar colored along a green sequential scale to indicate relative spending levels. The chart uses d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.scaleSequential with an interpolateGreens interpolator for the color encoding. The SVG is rendered in React, with data loaded from a CSV via d3.csv, and a d3-legend color legend shows the expenditure scale.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.