Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a barchart

Public visualization

Viewing a saved revision (read-only)

92ad690d683d42ec8a98415c2214d3b4

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.