Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a barchart

Public visualization

Viewing a saved revision (read-only)

5e3ac8e7b19d4efeb264ff74e3d45c70

Making a barchart

0 stars1🌍 Public
Lloicvdk
Last edited Dec 3, 2020
Created on Jul 21, 2020
Forked from Let's make a face

A horizontal barchart displays population counts for ten countries, with bars sorted from largest to smallest and value labels placed along the top axis. The visualization uses React with D3 v5, loading data from a CSV file and rendering as SVG. It employs `d3.csv`, `scaleLinear`, `scaleBand`, and axis generators (`axisLeft`, `axisBottom`, `axisRight`) to position bars and ticks. The code explicitly multiplies population values by 1000, and styling uses a steelblue fill for rectangles.

AI-generated description

React Starter code.