Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Bar Chart

Public visualization

Viewing a saved revision (read-only)

5fb16f877f1b44d090ebfdf5d27c8797

Making a Bar Chart

0 stars0🌍 Public
NNateePanomchokpisal
Last edited Oct 5, 2020
Created on Oct 5, 2020
Forked from Making a Bar Chart

This example shows a horizontal bar chart of the top 10 most populous countries, with population values scaled by 1,000 and formatted using the `.3s` tick format. The code uses `d3.csv` to load data from `data.csv`, `d3.scaleBand` and `d3.scaleLinear` for positioning, and `d3.axisLeft` and `d3.axisBottom` to render axes. Bars are drawn as SVG `rect` elements, with a title and axis labels styled via CSS.

AI-generated description

A bare minimum HTML page.

See also React Starter.