Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

6a1dbdc586d94212b8a4fe2347161d9e

Stylized Bar Chart

0 stars1🌍 Public
Ffjvoris
Last edited Mar 5, 2023
Created on Mar 5, 2023

A stylized horizontal bar chart displays the top 10 most populous countries in 2020 using data from a UN population CSV file. The chart uses a teal color scheme and the Poppins font for a modern aesthetic. Built with React for component structure, it leverages D3 v5 utilities like `scaleBand`, `scaleLinear`, and `csv` for data loading and scaling. SVG rectangles render each bar, with axes, tick marks, and labels generated by custom React components, all styled via CSS.

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!