Hyperloopin Control & Telemetry Dashboard

This is a real-time telemetry and control dashboard for the Hyperloopin pod system. The dashboard receives data packets, converts them into JSON, and updates sensor readings, status indicators, and graphs dynamically.

Preview

Features

• Responsive and modern UI using CSS Grid or Flexbox
• Dark futuristic theme with cyan and neon blue accents
• Display panels: Sensor Data, System Status, Alerts & Logs, and Control Panel
• Charts for Speed vs Time, Temperature vs Time, and Power vs Time (using Chart.js)
• Simulated incoming JSON data packets that update every 2 seconds
• Interactive control buttons: Start, Stop, Set Speed, Reset — each with animated hover effects

GUI Structure

The dashboard has a clean and organized layout:

• Main Panels: A row of four panels provides at-a-glance information:

  • Sensor Data: Shows real-time readings for various sensors.
  • System Status: Displays the status of critical systems.
  • Alerts & Logs: A log of events and alerts.
  • Control Panel: Contains buttons for interacting with the system.

• Charts: Below the main panels, there are three charts for visualizing:

  • Speed
  • Temperature
  • Power

  These charts are powered by Chart.js, providing a clean and minimal look for real-time data visualization.

How to Run

1. Clone the repository.
2. Open the index.html file in a web browser.
3. Alternatively, you can run a simple web server in the project directory. For example, using Python:

   python -m http.server

   Then, open http://localhost:8000 in your browser.