Reddit Data Analysis Dashboard

Hosted Link

Click here to view the live project

Video Recording

Watch the demo video

Introduction

This project is an interactive data visualization platform built with React and Plotly.js, allowing users to dynamically analyze datasets using interactive charts and graphs. It features real-time updates, along with filter and zoom capabilities for detailed exploration.

Installation

To run this project locally, follow these steps:

git clone <repo-url>
cd <project-folder>
npm install
npm start

Screenshots

Code Structure

react-app/
│── node_modules/  
│── src/
│   │── assets/
│   │── components/
│   │── data/
│   │── public/
│   │── App.css
│   │── App.jsx
│   │── index.css
│   │── main.jsx
│── .env
│── .gitignore
│── eslint.config.js
│── index.html
│── package-lock.json
│── package.json
│── README.md
│── vite.config.js

Thought Process

The primary goal was to create a scalable and interactive visualization tool. Key design choices include:

• React for minimal and good frontend.
• Plotly.js for rich data visualization with easy integration with React.
• Users can take help of AI to get summary of dataset and ask queries.
• Gemini for generating responses of user's queries.

Technologies Used

• React
• Python
• Plotly
• HTML & CSS
• NodeJS
• Gemini API

Future Improvements

• Add more graphs and plots with diverse visualization techniques
• Integrate other datasets