Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Bar Chart

Public visualization

Viewing a saved revision (read-only)

4b0497698d93470ea9daaafdc24900c5

Making a Bar Chart

0 stars1🌍 Public
Llefat92
Last edited Aug 14, 2023
Created on Aug 14, 2023

This example presents a horizontal bar chart of the top 10 countries by population in 2020, using data loaded from a CSV file. The visualization is built with React, which renders SVG elements, while D3 utilities handle data processing and scales. The code uses `scaleBand` for the categorical country axis and `scaleLinear` for the population value axis, mapping data to rectangle dimensions. The chart loads data via `csv` and updates reactively once the data arrives, displaying "Loading..." until then.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities and uses React to render the data.