Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart Creation

Public visualization

Viewing a saved revision (read-only)

6dd0c15e3e94452aa9ea86e8010f258c

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.