Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 bar diverging

Public visualization

Viewing a saved revision (read-only)

d4583694954c448ab3d821b95c0b0e88

d3 bar diverging

0 stars0🌍 Public
AAndrew
Last edited Mar 5, 2024
Created on Mar 5, 2024
Forked from HTML Starter

This example shows a diverging bar chart of United States rural population growth from 2000 to 2009, using a diverging color scale from ColorBrewer to distinguish positive and negative growth values. The visualization loads CSV data from a GitHub gist, which is based on the Corgis global development dataset, and renders it as SVG bars using D3 v7. The chart uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical year on the y-axis, and a `d3.scaleDiverging` with the RdBu color scheme for encoding value magnitude. The d3-legend library adds a sequential color legend, while axis labels and ticks are generated with standard D3 axis methods.

AI-generated description

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

See also React Starter.