Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

d6cd2e7b1ce24552a3017aeda8c4d3c9

Shapes with SVG and CSS

0 stars1🌍 Public
DDHasanC
Last edited Aug 30, 2020
Created on Aug 28, 2020
Forked from HTML Starter

A bar chart displays population sizes for ten countries, with horizontal bars ordered by country name. SVG rectangles are positioned using `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis, driven by data loaded from a CSV file. The visualization renders entirely with SVG elements, styled via external CSS that removes page margins and hides overflow. Population values are converted from thousands to absolute numbers during data preprocessing.

AI-generated description

A bare minimum HTML page.

See also React Starter.