Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed