In today’s digital era, data is generated at an unprecedented rate. Extracting meaningful insights from large datasets requires effective visualization techniques. Our project, HX2537: Data Visualization Dashboard, aims to simplify complex datasets and enhance decision-making through interactive and dynamic visualizations.
Large datasets, especially in fields like healthcare, finance, and research, contain valuable insights but can be challenging to interpret. Traditional analysis methods often lead to:
- Slow and error-prone data processing
- Difficulties in identifying trends and patterns
- Limited accessibility for non-technical users
By providing an intuitive, interactive dashboard, we address these challenges and make data analysis more accessible and actionable.
Our goal is to develop a user-friendly dashboard that enables:
- Real-time data visualization
- Interactive exploration of trends and patterns
- Dataset analysis (null values, unique values, visualization suggestions)
- Seamless dataset integration from multiple sources
- User authentication and authorization via Supabase
- Empower decision-makers with accurate, real-time insights
- Enhance accessibility of complex datasets
- Reduce manual data processing time and improve efficiency
| Factor | Traditional Methods | Interactive Dashboard |
|---|---|---|
| Data Processing Time | Slow and manual | Fast and automated |
| User Interaction | Limited | Highly interactive |
| Trend Identification | Complex and static | Dynamic and visual |
| Accessibility | Requires technical skills | Easy for all users |
- Introduction
- Demo
- Directory Structure
- Key Features
- Step-by-Step Workflow
- Tech Stack
- Setup & Installation
- Usage
- Future Improvements
- Meet The Team
- Open Source Contributions
- License
HX2537-Dashboard/
│── frontend/ # React.js + Vite frontend application
│ ├── components/ # Reusable UI components
│ ├── pages/ # Different views/pages
│ ├── assets/ # Images, icons, styles
│ ├── styles/ # Tailwind CSS styling files
│── backend/ # Supabase Backend
│ ├── database/ # PostgreSQL data storage
│ ├── auth/ # Supabase Authentication & Authorization
│── docs/ # Documentation & guides
│── tests/ # Automated tests
│── README.md # Project documentation
- 📊 Interactive Charts & Graphs – Filter, zoom, and explore datasets with ease.
- 📂 CSV & JSON File Upload – Users can upload datasets related to various domains.
- 🔍 Dataset Analysis & Visualization Suggestions – Provides insights on null values, unique values, and recommends ideal visualizations.
- 💼 Supabase Backend Integration – Efficient storage and retrieval of data.
- 🔑 Supabase Authentication & Authorization – Secure user management.
- 🎨 Customizable Visualizations – Choose between bar charts, line graphs, pie charts, and more.
- 🌎 Global & Local Data Filtering – View insights by country, region, or category.
- 📱 Responsive Design – Works across desktops, tablets, and mobile devices.
- 📈 User-Interactive Data Exploration – Enables dynamic adjustments and custom queries.
- 💾 Data Export Options – Download reports in CSV, PDF, or image formats.
graph TD;
A[User Uploads CSV] -->|Data Analysing| B[Preprocessing & Transformation];
B -->|Store in Database| C[Generate Visualizations];
C -->|User Interaction| D[Interactive Dashboard];
D -->|Download Reports| E[Export Insights];
| Column Name | Null Values (%) | Unique Values | Suggested Visualization |
|---|---|---|---|
| Age | 0% | 50 | Histogram |
| Salary | 5% | 1000 | Box Plot |
| Gender | 0% | 2 (Male/Female) | Pie Chart |
| Component | Technology |
|---|---|
| Frontend | React.js (Vite), D3.js / Chart.js, Tailwind CSS |
| Backend | Supabase (PostgreSQL, Auth, Storage) |
| Deployment | Vercel |
| Authentication | Supabase Auth |
-
Aryan Paratakke:
- GitHub: Aryan Paratakke GitHub
- LinkedIn: Aryan Paratakke LinkedIn
-
Arya Hotey:
- GitHub: Arya Hotey GitHub
- LinkedIn: Arya Hotey LinkedIn
-
Nishtha Kashyap:
- GitHub: Nishtha Kashyap GitHub
- LinkedIn: Nishtha Kashyap LinkedIn
-
Sushmit Partakke:
- GitHub: Thesushmit GitHub
- LinkedIn: Sushmit Partakke LinkedIn
We welcome contributions! Feel free to fork the repository, submit issues, and make pull requests.
This project is licensed under the MIT License. See the LICENSE file for details.