https://github.com/samuelson777/sensor-data-dashboard-simulator
Interactive Sensor Data Dashboard Simulator showcasing temperature, humidity, light, and motion sensors with real-time visualization. Fully client-side, responsive, and designed to demonstrate sensor handling and frontend skills without hardware.
https://github.com/samuelson777/sensor-data-dashboard-simulator
client-side css dashboard data-visualization frontend html iot javascript realtime responsive sensor simulation visualization webapp
Last synced: about 1 month ago
JSON representation
Interactive Sensor Data Dashboard Simulator showcasing temperature, humidity, light, and motion sensors with real-time visualization. Fully client-side, responsive, and designed to demonstrate sensor handling and frontend skills without hardware.
- Host: GitHub
- URL: https://github.com/samuelson777/sensor-data-dashboard-simulator
- Owner: Samuelson777
- License: mit
- Created: 2025-05-03T14:35:27.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-03T14:48:17.000Z (about 1 year ago)
- Last Synced: 2025-06-26T02:05:09.387Z (12 months ago)
- Topics: client-side, css, dashboard, data-visualization, frontend, html, iot, javascript, realtime, responsive, sensor, simulation, visualization, webapp
- Language: HTML
- Homepage: https://samuelson777.github.io/Sensor-Data-Dashboard-Simulator/
- Size: 6.84 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Sensor Data Dashboard Simulator
A modern, responsive, client-side web application that simulates multiple sensor readings and visualizes them in real-time. This project showcases sensor skills by providing interactive controls for sensor data such as temperature, humidity, light intensity, and motion detection — all without requiring actual hardware.
---
## Features
- Simulates four common sensor types:
- Temperature (°C)
- Humidity (%)
- Light Intensity (lux)
- Motion Detection (On/Off)
- Real-time numeric display and simple line-chart visualization for sensor values.
- Interactive buttons to increment, decrement, randomize, or toggle sensor states.
- Clean, modern, and responsive UI that works well on desktop and mobile browsers.
- Runs 100% client-side without any backend or hardware dependencies.
---
## Getting Started
### Usage
1. Download or clone this repository.
2. Open the file `index.html` in your preferred modern web browser.
3. Use the controls in each sensor card to interact with the simulated sensor data.
4. Watch real-time updates in the numeric display and chart for each sensor.
### Requirements
- Any modern web browser (Chrome, Firefox, Safari, Edge)
- No additional dependencies or setup required
---
## Live Demo
- [Sensor Data Dashboard Simulator](https://samuelson777.github.io/Sensor-Data-Dashboard-Simulator/)
---
## Example Screenshot
---
## Conclusion
This project is an effective demonstration of sensor data handling and visualization skills implemented entirely on the client side. It combines sensor concepts with modern frontend development practices to deliver a rich, interactive experience that can run on any home PC without hardware sensors.
---
## Future Enhancements
- Integration with real hardware sensors using Web Serial or Web Bluetooth APIs for live data.
- Additional simulated sensor types such as air quality, pressure, or proximity.
- Data logging and export functionality for analysis (e.g., CSV, JSON).
- Alert/notification system for when sensor values hit critical thresholds.
- Advanced charting with libraries like Chart.js or D3.js for enhanced visualization.
- User authentication and cloud synchronization to simulate IoT backend integration.
- Backend API development for centralized sensor data collection and management.
---
## License
This project is open source and available under the MIT License.
---
Feel free to open issues or contribute improvements to this project. This is a great way to showcase and grow your sensor and frontend development skills!
---