Welcome to the CSV Data Visualization Tool! This tool allows you to easily upload, view, edit, and visualize CSV files. It leverages the power of various libraries and technologies, including React JS, Redux Toolkit, redux-persist, Redux Saga, axios, Ant Design (Antd), React Spreadsheet, and Chart.js.
- Languages: HTML, CSS, JavaScript
- Libraries/Frameworks:
- React JS
- Redux Toolkit
- redux-persist
- Redux Saga
- axios
- Antd (Ant Design)
- React Spreadsheet
- Chart.js
- Version Control: Git
- Package Manager: NPM
Upload CSV Files: Easily upload CSV files to the tool for processing. Please note that this tool does not support very large CSV files due to performance limitations.
View and Edit CSVs: Utilize the React Spreadsheet component to view and edit the uploaded CSV files. Make changes as needed and save them back to your device.
Data Visualization: Visualize the data within your CSV files using interactive charts powered by Chart.js. Create various types of charts like bar charts, line charts, pie charts, and more.
Download CSV: After editing or processing your CSV data, you can download the modified CSV file to your computer.
Download Chart Images: Download high-quality chart images for your presentations or reports.
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/gayathri1462/CSVDataVisualizationTool
# Install dependencies
$ npm install
# Run the app
$ npm start