Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

lesson 8: Bar chart

Public visualization

Viewing a saved revision (read-only)

12afbf287ecc4629b11fc6bf20b8fa85

lesson 8: Bar chart

0 stars0🌍 Public
MMarcin Stepniak
Last edited May 11, 2021
Created on May 11, 2021
Forked from Victory!

A bar chart displays population estimates for ten countries, from China at roughly 1.4 million to Mexico at 130 thousand, using data loaded from a CSV file. The React app uses the `useState` and `useEffect` hooks to fetch the data with `d3.csv`, converting population values to numbers. Victory’s `VictoryChart` and `VictoryBar` components render the bars, with country names on the x-axis and population on the y-axis, styled via a custom tick label font size and chart padding.

AI-generated description

This example shows how to load data from a CSV file using React hooks and visualize the result using Victory Charts. Inspired by this Victory example from Swizec Teller in React for Data Visualization.