An interactive and visually appealing dashboard built with React and Chart.js that showcases multiple real-world datasets through dynamic charts. This project demonstrates effective data storytelling by combining line, bar, and pie charts with responsive UI components.
Features Multiple Chart Types: Line chart, Bar chart, and Pie chart presenting diverse datasets such as COVID-19 cases, pollution levels, and social media sentiment.
Interactive Buttons: Easily switch between different charts with clean, clickable buttons.
Responsive Design: Fully responsive charts and layout optimized for various screen sizes.
Modern UI: Dark-themed design with smooth transitions and accessible controls.
Contact & GitHub Links: Quick access buttons for repository and email contact for easy communication.
Getting Started Prerequisites Node.js and npm installed on your system
Installation Clone the repository:
bash Copy code git clone https://github.com/your-username/interactive-data-visualization-dashboard.git Navigate into the project directory:
bash Copy code cd interactive-data-visualization-dashboard Install dependencies:
bash Copy code npm install Start the development server:
bash Copy code npm run dev Open your browser and go to http://localhost:5173 to view the dashboard.
Screenshots Dashboard Overview
COVID-19 Cases Line Chart
This chart displays monthly COVID-19 cases (in millions) over the first seven months of the year, illustrating the rise and fall of cases with a smooth line chart.
Pollution Levels Bar Chart
Shows levels of various pollutants measured in micrograms per cubic meter (µg/m³) with distinct colors for each pollutant, facilitating quick comparisons.
Social Media Sentiment Pie Chart
Visualizes public sentiment across positive, neutral, and negative categories based on social media data, helping gauge overall opinion trends.
Contact
GitHub:https://github.com/tanuja-1523
Email: adlakhatanuja15@gmail.com