Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HTML Starter

Public visualization

Viewing a saved revision (read-only)

bd1769cc5aba4233bf93cd107e0285db

HTML Starter

0 stars0🌍 Public
KKyo
Last edited Nov 2, 2020
Created on Nov 2, 2020
Forked from HTML Starter

This visualization displays a horizontal bar chart comparing population sizes across five countries, using a simple CSV dataset loaded from `data.csv`. The chart employs D3 v6 APIs including `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map population values to bar widths in an SVG canvas. A `<g>` element translates the chart within margins, and rect elements are bound to the data and styled with steelblue fill via the CSS file. The axis labels and bar heights are generated dynamically from the parsed data.

AI-generated description