Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactored Bar Chart

Public visualization

Viewing a saved revision (read-only)

3d52a01d30f9455b882753327bdc3c93

Refactored Bar Chart

0 stars1🌍 Public
Qqtrfx
Last edited Jun 17, 2023
Created on Jun 17, 2023

This bar chart displays the top ten countries by population for 2020, using horizontal bars sorted by country name. The visualization is built with React for component rendering and D3 v7 utilities for data loading and scales, including `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Data is fetched via D3’s `csv` parser from a GitHub gist, with SVG elements composed from reusable React components like `AxisBottom`, `AxisLeft`, and `Marks`.

AI-generated description

A program that loads in some data using D3 utilities, and uses React to render the Data.