Skip to content

A comprehensive dashboard application for visualizing and analyzing measles outbreak data. This project provides public health officials, researchers, and the general public with up-to-date information on measles cases, vaccination rates, and outbreak predictions.

License

Notifications You must be signed in to change notification settings

gauravfs-14/measles-dashboard

Repository files navigation

Measles Dashboard

TypeScript Badge Vercel Badge License Badge GitHub Stars Badge GitHub Forks Badge GitHub Issues Badge Last Commit Badge

A comprehensive dashboard application for visualizing and analyzing measles outbreak data. This project provides public health officials, researchers, and the general public with up-to-date information on measles cases, vaccination rates, and outbreak trends.

The live dashboard can be accessed here: https://measles-dashboard.vercel.app/

Table of Contents

Features

  • Measles Case Tracking: Visualize measles cases using interactive charts and graphs.
  • Interactive Maps: Explore outbreak locations with vaccination rates and case data.
  • Vaccination Rate Analysis: View vaccination rates categorized by counties and age groups.
  • Historical Data Trends: Compare historical data to analyze trends over time.
  • Mobile-Responsive Design: Access the dashboard seamlessly across devices.
  • Customizable Filters: Filter data by county, vaccination rates, and other parameters to tailor the view.

Screenshots

Dashboard Overview Preview of the dashboard interface.

Technologies Used

  • Framework: Next.js/ React.js
  • Programming Language: TypeScript/ JavaScript
  • Styling: Tailwind CSS/ ShadCN
  • Data Visualization: recharts
  • State Management: React Context API
  • Hosting: Vercel

Getting Started

First, install the dependencies:

npm install

Then, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the dashboard.

Data Sources

This dashboard uses data from Texas Department of State Health Services (DSHS TX): https://www.dshs.texas.gov/news-alerts

Project Structure

  • Components: Reusable UI components and panels for displaying data (e.g., maps, charts, filters).
  • Hooks: Custom React hooks for fetching and processing data.
  • Context: Context providers for managing global state (e.g., filters, map data).
  • Data: JSON files containing preprocessed data for visualization.

Deployment

The project is hosted on Vercel for fast and reliable deployment. To deploy your own version:

  1. Fork the repository.
  2. Connect your forked repository to Vercel.
  3. Deploy directly from the Vercel dashboard.

FAQs

Q: How often is the data updated?
A: The data is updated manually whenever new information is available.

Q: Can I contribute to this project?
A: Yes! Contributions are welcome. Please see the Contributing section for details.

Acknowledgments

  • Data provided by the Texas Department of State Health Services.
  • Map visualizations powered by Leaflet.
  • Special thanks to AIT Lab for their support.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.


Developed by: Gaurab Chhetri, Supported by AIT Lab.

About

A comprehensive dashboard application for visualizing and analyzing measles outbreak data. This project provides public health officials, researchers, and the general public with up-to-date information on measles cases, vaccination rates, and outbreak predictions.

Topics

Resources

License

Stars

Watchers

Forks