Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a barchart

Public visualization

Viewing a saved revision (read-only)

51e737de564846298c2dff0ba73786d5

Making a barchart

0 stars3🌍 Public
Bbertieip
Last edited Jun 18, 2020
Created on Jun 12, 2020

This example shows a horizontal bar chart of population figures for the world’s most populous countries, using a CSV data source loaded with d3.csv. The visualization maps each country’s population to bar width via a d3.scaleLinear domain and a d3.scaleBand for categorical country labels, with axes generated by d3.axisLeft and d3.axisBottom. The chart renders as SVG inside a React application, with bars styled steelBlue and formatted using D3 v5.

AI-generated description

A bare minimum HTML page.

See also React Starter.