Skip to content

DataViz Explorer: React-powered tool for large CSV, database, and real-time visualization. User-friendly interface, interactive plots, Node.js backend for scalability.

License

Notifications You must be signed in to change notification settings

fehmisener/dataviz-explorer

Repository files navigation

Dataviz Explorer

build

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

  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.

About

DataViz Explorer: React-powered tool for large CSV, database, and real-time visualization. User-friendly interface, interactive plots, Node.js backend for scalability.

Resources

License

Stars

Watchers

Forks

Packages

No packages published