Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

08e1c28993c84951af56585a3688de14

Stylized Bar Chart

0 stars0🌍 Public
SSarah Elkeurti
Last edited Apr 9, 2022
Created on Apr 9, 2022

This stylized bar chart visualizes the top 10 countries by population for 2020, using data from a CSV file loaded via D3's `csv` utility. The chart encodes population values horizontally and country names vertically, with the styled bars, axes, and text rendered as SVG through React components. The code utilizes D3 scales (`scaleBand` and `scaleLinear`) for positioning, a custom `tooltipFormat` using D3's `format` function, and React state managed via the `useData` hook. The design features a Poppins font, teal bars, and muted axis colors.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.