Awesome

Dataviz Explorer

DataViz Explorer: React-powered tool for large CSV, database, and real-time visualization. User-friendly interface, interactive plots, Node.js backend for scalability. Follow this link to reach the live application.

Gif

Overview

This application is a powerful tool for handling large CSV files, visualizing data, and providing real-time insights. It features an intuitive user-friendly interface, interactive plots, and a scalable Node.js backend. Whether you're analyzing data or creating dynamic visualizations, this React-based tool has you covered.

Features

CSV Handling: Upload and process large CSV files effortlessly.
Interactive Plots: Create dynamic charts and graphs to visualize your data.
- You can view the data as a datagrid table before displaying it
- You can generate more than one chart on the same page.
- You can change the type of charts, select the columns to be visualized.
- Zooming and panning is available, you can also download the generated charts in different formats.
Real-Time Updates: Receive live updates as data changes (Not Yet).
Database Visualization: Create charts from the database (Not Yet).

Setup Instructions

Front-end Applicaiton

Clone the Repository:

git clone https://github.com/fehmisener/dataviz-explorer.git
cd dataviz-explorer

Install Dependencies:
```
npm install
```
Start the Aplication:
```
npm run dev
```
Build for Production:
```
npm run build
```
Run in Production Mode:
```
npm start
```

Back-end Applicaiton

Dependencies

[!IMPORTANT] Vite requires Node.js version 18+ or 20+.

Vite: A build tool that provides fast, reliable builds for modern web projects.
React: A JavaScript library for building user interfaces.
JavaScript: The programming language used for both frontend and backend development.
Material UI: A popular React UI framework that provides pre-built components for building user interfaces.
Node.js: A JavaScript runtime for building scalable network applications.