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
• Live Demo
• Technologies Used
• Getting Started
  • Prerequisites
  • Installation
  • Running Locally
• Usage
• Contributing
• License
• 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

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:

   git clone https://github.com/GauravOOO2/Data_Visualization_App.git

2. Navigate to the project directory:

   cd Data_Visualization_App

3. Install dependencies:

   npm install

Running Locally

1. Start the development server:

   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

Project Link: https://github.com/GauravOOO2/Data_Visualization_App