Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Stylized Bar Chart

0 stars0🌍 Public
Ttayyabanisar
Last edited May 15, 2020
Created on May 15, 2020
Forked from Stylized Bar Chart

This example displays the top 10 most populous countries as horizontal bars, using a stylized bar chart with a teal color scheme and Poppins font. It loads United Nations population data from a CSV file, transforms it with React hooks, and renders the visualization as SVG. The code uses d3.scaleBand for the categorical y-axis, d3.scaleLinear for the quantitative x-axis, and d3.format to abbreviate population values, with React managing the component structure and D3 handling the scales and tick generation.

AI-generated description

A program that shows the top 10 most populous countries as a bar chart.

Data: United Nations World Population Prospects 2019.

Comments

Sign in to join the discussion.

MIT Licensed