Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of reformat Bar chart with axis with ticks

Public visualization

Viewing a saved revision (read-only)

5c11619a42f847f09f361a03f2bb91d1

Fork of reformat Bar chart with axis with ticks

0 stars1🌍 Public
JJean David
Last edited May 22, 2021
Created on May 22, 2021

A React-based bar chart displays United Nations population projections for 2020 across 15 countries, using an SVG rendering with D3 v5 scales. The visualization pairs a linear x-axis from `d3.scaleLinear` with tick marks generated by `xScale.ticks()`, and a band y-axis from `d3.scaleBand` labeling countries. The `AxisBottom` and `AxisLeft` components render grid lines and text labels, while `Marks` draws the proportional rectangles. Data loads asynchronously from a CSV using `d3.csv`.

AI-generated description

Reformat bar chart (axis)

Data: United Nations World Population Prospects 2019.