AI Energy Management Dashboard

Overview

The AI Energy Management Dashboard gives a real-time view of a solar energy system. It includes data on solar radiance, power output, energy storage, and system health. Built with HTML, CSS, and JavaScript, it uses Chart.js for data visualization and offers simple voice commands for control.

Features

• Real-time Data Charts: Displays bar and line charts for solar radiance, power output, and energy storage.
• Panel Controls: Enable or disable all solar panels at once or manage each panel individually.
• Voice Commands: Control system features using voice commands for hands-free management.

File Structure

• index.html: The main structure of the dashboard.
• styles.css: Provides the styling to make the dashboard look clean and simple.
• script.js: Handles chart initialization, data updates, voice commands, and interactions.

Technologies Used

• HTML5: Base structure.
• CSS3: Styling for visual appeal.
• JavaScript: Interactivity and real-time updates.
• Chart.js: For interactive charts.
• Web Speech API: For voice commands.

How to Use

1. Open the Dashboard: Load index.html in a browser.
2. View Metrics: Real-time charts for solar radiance, power output, and energy storage.
3. Panel Controls: Use buttons to enable or disable panels.
4. Voice Commands: Click "Start Voice Command" to enable voice controls.
   • Supported commands: "Disable all", "Enable all".

Voice Command Requirements

• Works with browsers that support the Web Speech API (e.g., Google Chrome).
• Alerts if your browser does not support voice commands.

Setup Instructions

1. Clone or download the repository.
2. Use a browser that supports the Web Speech API.
3. Open index.html to start.