Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Formatting axis

Public visualization

Viewing a saved revision (read-only)

974ca1e6a9bd4f2e8d227303dd7cd4be

Fork of Formatting axis

0 stars0🌍 Public
CCrystal Lee
Last edited Jul 19, 2022
Created on Jul 19, 2022
Forked from Formatting axis

This bar chart displays the top 10 most populous countries, using horizontal bars ordered by population with formatted axis labels. The visualization loads data from a CSV file and renders it as SVG using React with D3 v7. It employs `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom` with `d3.format(".3s")` to abbreviate population values. The chart includes a title and axis label, with bars styled in steelblue.

AI-generated description

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

See also React Starter.