Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart Creation

Public visualization

Viewing a saved revision (read-only)

9d49a973795b44de83bf718be535003f

Bar Chart Creation

0 stars0🌍 Public
KKtuzinowski
Last edited Jul 26, 2021
Created on Jul 25, 2021
Forked from Data Viz Pie chart

This example shows a horizontal bar chart of the top 10 most populous countries in 2020, using a D3 scaleBand for the y-axis and a scaleLinear for the x-axis. Built with React, it loads CSV data via d3.csv and renders SVG rectangles for each bar. The chart includes formatted population labels on the bottom axis using d3.format, with axis components defined in separate React files. The x-axis label, axis ticks, and bar styling are all customized through CSS classes.

AI-generated description

A program that loads in some data using D3 utilities, and uses React to keep track of the data.