Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a horizontal bar chart

Public visualization

Viewing a saved revision (read-only)

62218111fda04e2ab429cc386a876f85

Let's make a horizontal bar chart

0 stars0🌍 Public
GGreg Dickison
Last edited Jan 28, 2020
Created on Jan 25, 2020

A horizontal bar chart ranks the ten most populous countries by displaying each country's population as a bar, with values read from a CSV file. The visualization uses the React framework to render SVG elements, with D3 v5's `scaleLinear` mapping population to bar width and `scaleBand` positioning each country label. Axes are generated using `axisLeft` and `axisBottom`, while the chart's bars are appended as styled rectangles, and the population data is multiplied by 1000 to reflect actual figures.

AI-generated description

React Components with D3