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.

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

1. Clone the Repository:

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

2. Install Dependencies:

   npm install

3. Start the Aplication:

   npm run dev

4. Build for Production:

   npm run build

5. 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.