Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

6c3d8738f5d9487897a52665f088eace

Stylized Bar Chart

0 stars1🌍 Public
Ddiska432
Last edited Jul 5, 2023
Created on Jul 5, 2023

This stylized bar chart displays the populations of ten countries for 2020, sourced from UN data loaded via D3's `csv` utility. The horizontal bars, rendered as SVG `rect` elements, use a teal fill and Poppins typography. React state manages the fetched data, while D3's `scaleBand` and `scaleLinear` position the bars and axes. A `<title>` element provides tooltips, and the x-axis tick labels are formatted using D3's `format` function.

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