Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gauravooo2/data_visualization_app
Data Visualization App - Transforming Raw Data into Compelling Visual Stories
https://github.com/gauravooo2/data_visualization_app
angularjs chartjs frontend vercel-deployment
Last synced: 19 days ago
JSON representation
Data Visualization App - Transforming Raw Data into Compelling Visual Stories
- Host: GitHub
- URL: https://github.com/gauravooo2/data_visualization_app
- Owner: GauravOOO2
- Created: 2024-09-10T10:59:22.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-09-10T15:38:37.000Z (2 months ago)
- Last Synced: 2024-10-31T04:04:45.931Z (19 days ago)
- Topics: angularjs, chartjs, frontend, vercel-deployment
- Language: TypeScript
- Homepage: https://data-visualization-app-eight.vercel.app
- Size: 309 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Data Visualization App
Welcome to the Data Visualization App, a powerful and intuitive Angular-based application designed to transform raw data into compelling visual representations. This project showcases the seamless integration of modern web technologies to deliver an engaging user experience in data analysis and presentation.
## Table of Contents
- [Features](#features)
- [Live Demo](#live-demo)
- [Technologies Used](#technologies-used)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Running Locally](#running-locally)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#contact)
## Features
- **Interactive Data Input**: Easily add temperature data with date and time stamps
- **Real-time Chart Updates**: Visualize temperature trends as you input data
- **Responsive Design**: Seamless experience across desktop and mobile devices
- **Data Validation**: Ensure data integrity with built-in validation checks
- **User-friendly Interface**: Intuitive design for effortless data management
- **Dynamic Chart Rendering**: Utilizes Chart.js for smooth and interactive charts
## Live Demo
Experience the app in action: [Data Visualization App Live Demo](https://data-visualization-app-eight.vercel.app/)
## Technologies Used
- **Frontend Framework**: Angular 15+
- **UI Components**: Angular Material
- **Charting Library**: Chart.js
- **Styling**: CSS3 with responsive design principles
- **Deployment**: Vercel for continuous deployment
## Getting Started
### Prerequisites
Ensure you have the following installed:
- Node.js (v16.x or later)
- npm (v8.x or later)
- Angular CLI (v15.x or later)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/GauravOOO2/Data_Visualization_App.git
```
2. Navigate to the project directory:
```bash
cd Data_Visualization_App
```
3. Install dependencies:
```bash
npm install
```
### Running Locally
1. Start the development server:
```bash
ng serve
```
2. Open your browser and visit `http://localhost:4200`
## Usage
1. Navigate to the "Add Data" section to input temperature data
2. Use the date-time picker and temperature input field to add entries
3. Switch to the "View Data" section to see your data visualized in a line chart
4. Observe real-time updates as you add more data points
## Contributing
We welcome contributions! Please follow these steps:
1. Fork the repository
2. Create a new branch: `git checkout -b feature/YourFeature`
3. Commit your changes: `git commit -m 'Add some feature'`
4. Push to the branch: `git push origin feature/YourFeature`
5. Submit a pull request
## Contact
Gaurav - [GitHub Profile](https://github.com/GauravOOO2)
Project Link: [https://github.com/GauravOOO2/Data_Visualization_App](https://github.com/GauravOOO2/Data_Visualization_App)