Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized bar chart

Public visualization

Viewing a saved revision (read-only)

727bc36f0e50414fa1751641af073355

Stylized bar chart

1 star9🌍 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.