Skip to main content
100%

Stylized bar chart

✓ Published9🌍 Public
Ssophievanderhorst
Last edited Mar 9, 2021
Created on Mar 2, 2021
Forked from Making a bar chart

This example visualizes the top 10 countries by population in 2020 using a horizontal bar chart with a clean, stylized aesthetic. The chart displays population values along the x-axis—formatted in billions with a custom tick formatter—and country names along the y-axis, with bars rendered as dark teal rectangles. Built with React and D3 v6, it employs `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and SVG `<rect>` elements for each bar. Data is loaded asynchronously from a CSV file using `d3.csv`, and tooltips appear on hover via SVG `<title>` elements.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes