Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

react-hooks-victory-example

Public visualization

Viewing a saved revision (read-only)

7434b59ab607441ca1984959fe2ce5a6

react-hooks-victory-example

0 stars0🌍 Public
Vvinnytammu
Last edited Feb 17, 2021
Created on Feb 17, 2021
Forked from Victory!

This example visualizes COVID-19 total cases across London boroughs using a bar chart, with the x-axis showing area names and the y-axis displaying total case counts. It loads data from a CSV file using the React `useState` and `useEffect` hooks, parsing the values with D3’s `csv` method. The chart is rendered with Victory’s `VictoryBar` and `VictoryChart` components, styled with custom padding and tick label fonts. The code demonstrates a React integration with Victory and D3 for asynchronous data loading and visualization.

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.