Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

049504d083984046bd07bb6b821b7857

Stylized Bar Chart

0 stars1🌍 Public
GGabriel Dias Menezes
Last edited Jun 1, 2022
Created on Jun 1, 2022

This stylized bar chart displays population data for ten countries from the UN’s 2019 World Population dataset. Using React with D3 v7, it builds a horizontal bar chart with a band scale for countries and a linear scale for population, rendering axes and marks as SVG elements. The chart applies a custom Poppins font, colored tick marks, and teal bars with hover tooltips via SVG `<title>` elements. The `csv` loader fetches the data, while `format` and `scaleBand` handle labeling and spacing.

AI-generated description

A program thtat loads in some data using D3 utilities, and uses React state to keep track of the data.