Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a bar chart

Public visualization

Making a bar chart

0 stars1🌍 Public
JJatin Dawar
Last edited Mar 9, 2020
Created on Mar 9, 2020
Forked from HTML Cars Report

This bar chart displays the populations of the top 10 most populous countries, ranked from China to Mexico. Population values are read from a CSV file and scaled linearly along the x-axis, while country names are positioned on a band scale along the y-axis. The visualization uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, with an SVG rendered through React. Axis tick labels are formatted using D3’s `format` function to abbreviate large numbers, and the chart is styled with blue rectangles.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed