Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Make a bar chart

Public visualization

Viewing a saved revision (read-only)

e583d0c3ad5e4b548decf08626333709

Make a bar chart

0 stars2🌍 Public
Aaaron.chu626@gmail.com
Last edited Sep 13, 2022
Created on Sep 12, 2022
Forked from HTML Starter

This example shows a bar chart of the top 10 most populous countries, using population data from a CSV file. The visualization uses D3 v7 to create an SVG rendering, with a linear scale for population values on the x-axis and a band scale for country names on the y-axis. The code applies SVG `<rect>` elements filled with steel blue to represent each bar, and includes axis labels and tick marks with custom styling. Data is loaded via `csv()` and transformed with a multiplier before rendering.

AI-generated description

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

See also React Starter.