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
AAmr Eldemerdash
Last edited Aug 10, 2020
Created on Aug 9, 2020

A horizontally oriented bar chart displays population figures for the ten most populated countries, using data loaded from a CSV file. The chart is rendered as SVG within a React application, employing D3 v5 APIs such as `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`. A custom tick format converts large numbers into abbreviated billions, while grid lines and axis labels enhance readability. The bars are populated via D3’s selection and data-binding methods.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed