Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of React Starter

Public visualization

Fork of Fork of React Starter

0 stars0🌍 Public
DDivyaKota2@my.unt.edu
Last edited Apr 26, 2024
Created on Apr 26, 2024

This bar chart visualization tracks total COVID-19 cases over time, with each bar representing the cumulative case count for a specific date. The data is loaded from a local CSV file called `covid_population.csv` and parsed manually using JavaScript string operations before being passed to the charting library. Built with the React framework and the Recharts library, the chart uses a `ResponsiveContainer` to adapt to its parent element's dimensions, while `CartesianGrid`, `XAxis`, `YAxis`, `Tooltip`, `Legend`, and `Bar` components render the axes, gridlines, interactive tooltip, and purple bars. The visualization is populated asynchronously through a `fetch` call within a `useEffect` hook, ensuring the chart updates once the CSV data is fully parsed.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed