Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

5a6d8098f2594b8e958b283dd4566082

Fork of Fork of Stylized Bar Chart

0 stars0🌍 Public
TtrwMK
Last edited Oct 15, 2022
Created on Oct 15, 2022

This visualization displays the populations of ten countries as horizontal bars, rendered as SVG rectangles through React components. The chart loads UN population data for 2020 from a CSV file using D3’s `csv` parser, then maps it with `scaleBand` and `scaleLinear`. Axes are drawn by custom React components, with tick formatting via D3’s `format` to abbreviate values (e.g., “1.2B”). A `title` element in each rectangle provides a native tooltip, and the layout follows a clean, styled design using the Poppins font.

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!