Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Barchart

Public visualization

Viewing a saved revision (read-only)

28735357454e4edd9a4ef0e376458322

Making a Barchart

0 stars0🌍 Public
Yyaduedu
Last edited Apr 2, 2020
Created on Apr 2, 2020

The visualization displays population figures for ten countries in a horizontal barchart, with country names on the y-axis and population values on the x-axis. The chart uses d3.scaleBand and d3.scaleLinear to map the data from a CSV file, alongside d3.axisLeft and d3.axisBottom for the axes. Rectangles are appended to an SVG canvas and filled with steelblue, while the population values are converted from strings to numbers and multiplied by 1000. The React starter code complements the D3 v5 implementation.

AI-generated description

React Starter code.