Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized bar Chart

Public visualization

Viewing a saved revision (read-only)

51f72c05a8054cafb72ec4126b903bfa

Stylized bar Chart

0 stars1🌍 Public
SShmuel Leider
Last edited Jun 3, 2021
Created on Jun 3, 2021

This stylized bar chart displays the top 10 most populous countries, using horizontal bars to compare their 2020 population estimates from the UN Population dataset. The chart loads CSV data with the d3.csv utility and renders it through React, using d3.scaleBand and d3.scaleLinear for the axes and bar positioning. SVG elements comprise the visualization, with d3.format to abbreviate population values on the x-axis. The design employs a custom Poppins typeface and a teal color for the bars, while a native SVG tooltip shows precise population figures on hover.

AI-generated description

A program that loads and parses csv data about CSS named colred using D3 utilities, and uses React render the data.