Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HTML Starter

Public visualization

HTML Starter

0 stars1🌍 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

Comments

Sign in to join the discussion.

MIT Licensed