Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

baa458c4b75e4706bff527d89413c2ee

Stylized Bar Chart

0 stars1🌍 Public
Qqtrfx
Last edited Jun 17, 2023
Created on Jun 17, 2023

This stylized bar chart displays the populations of the top 10 countries in 2020, sourced from the UN Population dataset. The data is loaded via `d3.csv` and rendered as SVG rectangles using React components, with `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis. Axis ticks are generated by `xScale.ticks()` with `d3.format` for SI-prefix labels, converting gigabytes to billions. The chart uses the Poppins font, teal marks, and a clean layout with custom margins and axis styling.

AI-generated description

A program that loads in some data using D3 utilities, and uses React to render the Data.