Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fehmisener/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.
https://github.com/fehmisener/dataviz-explorer
Last synced: about 1 month ago
JSON representation
DataViz Explorer: React-powered tool for large CSV, database, and real-time visualization. User-friendly interface, interactive plots, Node.js backend for scalability.
- Host: GitHub
- URL: https://github.com/fehmisener/dataviz-explorer
- Owner: fehmisener
- License: mit
- Created: 2024-05-03T23:31:04.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-05-09T11:18:40.000Z (about 1 month ago)
- Last Synced: 2024-05-10T00:42:03.060Z (about 1 month ago)
- Language: JavaScript
- Homepage: https://sensational-fox-f31fd7.netlify.app
- Size: 18.9 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-vite - Dataviz Explorer - A tool for large CSV, database, and real-time visualization with interactive plots using `Highcharts`, `Chart.js`, `React`, `JavaScript`, `Material UI` and `GitHub Actions with Coverage Report`. (Projects Using Vite.js / Apps/Websites)
README
# 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](https://sensational-fox-f31fd7.netlify.app)** 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
git clone https://github.com/fehmisener/dataviz-explorer.git
cd dataviz-explorer
```
2. **Install Dependencies**:
```bash
npm install
```
3. **Start the Aplication**:
```bash
npm run dev
```
4. **Build for Production**:
```bash
npm run build
```
5. **Run in Production Mode**:
```bash
npm start
```
### Back-end Applicaiton
## Dependencies
> [!IMPORTANT]
> Vite requires Node.js version 18+ or 20+.
- [Vite](https://vitejs.dev/): A build tool that provides fast, reliable builds for modern web projects.
- [React](https://reactjs.org/): A JavaScript library for building user interfaces.
- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript): The programming language used for both frontend and backend development.
- [Material UI](https://material-ui.com/): A popular React UI framework that provides pre-built components for building user interfaces.
- [Node.js](https://nodejs.org/): A JavaScript runtime for building scalable network applications.