Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

7e6152a409c4492593fdca6d01601c43

Stylized Bar Chart

0 stars1🌍 Public
Vvmonney
Last edited Sep 29, 2022
Created on Sep 29, 2022
Forked from Hello VizHub

This stylized bar chart displays the population of ten countries, with horizontal bars extending from a common baseline. The visualization is built with React, rendering SVG elements directly, and uses D3 v5 utilities like `scaleBand` and `scaleLinear` to map the population data to pixel coordinates. The data is loaded asynchronously from a CSV file hosted on GitHub using `d3.csv`, with the chart applying a custom formatting function to abbreviate large population values. Axis ticks and labels are styled with Poppins font and muted colors.

AI-generated description

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