Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Bar Chart

Public visualization

Viewing a saved revision (read-only)

60dd59b96a39422584a10f5254a0dc24

Making a Bar Chart

0 stars2🌍 Public
Ssamwatersw15
Last edited Sep 26, 2020
Created on Sep 13, 2020
Forked from D3.js Face

This bar chart displays the top 10 countries by population using horizontal bars, with country names on the y-axis and population counts on the x-axis. The visualization uses D3 v5 within a React framework, rendering to SVG. It employs `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, with `axisBottom` and `axisLeft` for ticks. Data comes from a CSV file, with population values multiplied by 1,000, and tick labels formatted using D3's `format` with abbreviations replaced from 'G' to 'B'.

AI-generated description

A bare minimum HTML page.

See also React Starter.