Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

lesson 8: Bar chart

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed