Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylised Refactored Bar Chart

Public visualization

Viewing a saved revision (read-only)

4e69cde908fc48dea23fec6eb76eac9d

Stylised Refactored Bar Chart

0 stars1🌍 Public
Jj-PGi
Last edited Jul 25, 2021
Created on Jul 25, 2021

A stylised horizontal bar chart displays the ten most populous countries in 2020, sourced from UN population data loaded via `d3.csv`. Rectangular marks are rendered with React, using `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the numeric x-axis. Axis components generate ticks and labels in SVG, with tooltips formatted using `d3.format` and custom styling applied through Poppins typography and muted teal fills.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!