Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

659943bf60604772ab1524d2a544b359

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!