Hello World, Dashboard Overall

58

Example heading with h2 size

Example heading with h3 size

Following is sample java code.

int i = 10;
if(i>0){
    System.out.println('positive');
    
<!DOCTYPE html>
<html>
  <head>
    <title>Hello, World!</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
      <h1 class="title">Hello World, Dashboard Overall! </h1>
      <p id="currentTime"></p>
      <script src="script.js"></script>
  </body>
</html>
<div class="dashboard-container">
  <div class="dashboard-section">
    <h2>Water Consumption (Usage Analysis)</h2>
<--Water Usage Analysis-->
<a href="https://www. one compiler. com/438rvcz27"></a>
    <a href="https://www.onecompiler.com/438rvcz27" class="dashboard-link">View Details</a>
  </div>
  <div class="dashboard-section">
    <h2>Water Savings</h2>
<--Water Savings-->
<a href="https://www. one compiler. com/4399mvbex"></a>
    <a href="https://www.onecompiler.com/4399mvbex" class="dashboard-link">View Details</a>
  </div>

  <!-- Add more sections here -->
  <div class="dashboard-section">
    <h2>EnergyConsumption(Energy Usage)</h2>
<--Energy Usage-->
<a href="https://www. one compiler. com/4397mfvwp"></a>
    <a href="https://www.onecompiler.com/4397mfvwp" class="dashboard-link">View Details</a>
</div>

  <div class="dashboard-section">
    <h2>Energy Savings</h2>
<--Energy Savings-->
<a href="https://www. one compiler. com/4399q5dvs"></a>
    <a href="https://www.onecompiler.com/4399q5dvs" class="dashboard-link">View Details</a>

</div>
  <div class="dashboard-section">
    <h2>Cost Savings</h2>
<--Cost Savings-->
<a href="https://www. one compiler. com/4399raqw8"></a>
    <a href="https://www.onecompiler.com/4399raqw8" class="dashboard-link">View Details</a>

</div>
  <div class="dashboard-section">
    <h2>Customer Acquisition</h2>
<--Customer Acquisition-->
<a href="https://www. one compiler. com/4397q6rjr"></a>
    <a href="https://www.onecompiler.com/4397q6rjr" class="dashboard-link">View Details</a>

</div>
    <script src="script.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Professional Dashboard</title>
    <link rel="stylesheet" href="styles.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.0/chart.min.js"></script>
</head>
<body>
    <header>
        <h1 class="title">Professional Dashboard</h1>
        <p id="currentTime" aria-live="polite"></p>
    </header>

    <main class="dashboard-container">
        <section class="dashboard-section" aria-labelledby="water-consumption">
            <h2 id="water-consumption">Water Consumption (Usage Analysis)</h2>
            <div class="chart-container">
                <canvas id="waterChart"></canvas>
            </div>
            <a href="https://www.onecompiler.com/438rvcz27" class="dashboard-link" target="_blank" rel="noopener noreferrer">View Details</a>
        </section>

        <section class="dashboard-section" aria-labelledby="water-savings">
            <h2 id="water-savings">Water Savings</h2>
            <div class="chart-container">
                <canvas id="waterSavingsChart"></canvas>
            </div>
            <a href="https://www.onecompiler.com/4399mvbex" class="dashboard-link" target="_blank" rel="noopener noreferrer">View Details</a>
        </section>

        <section class="dashboard-section" aria-labelledby="energy-consumption">
            <h2 id="energy-consumption">Energy Consumption</h2>
            <div class="chart-container">
                <canvas id="energyChart"></canvas>
            </div>
            <a href="https://www.onecompiler.com/4397mfvwp" class="dashboard-link" target="_blank" rel="noopener noreferrer">View Details</a>
        </section>

        <section class="dashboard-section" aria-labelledby="energy-savings">
            <h2 id="energy-savings">Energy Savings</h2>
            <div class="chart-container">
                <canvas id="energySavingsChart"></canvas>
            </div>
            <a href="https://www. onecompiler. com/4399raqw8"></a>
            <section class="dashboard-section" aria-labelledby="Cost Savings-consumption">
            <h2 id="Cost-Savings">Cost-savings</h2>
            <div class="chart-container">
                <canvas id="Cost-SavingsChart"></canvas>
            </div>
            <a href="https://www.onecompiler.com/4399raqw8m" class="dashboard-link" target="_blank" rel="noopener noreferrer">View Details</a>
        </section>

        <section class="dashboard-section" aria-labelledby="Customer-Acquisition">
            <h2 id="Customer-Acquisition">Customer-Acquisition</h2>
            <div class="chart-container">
                <canvas id="Customer-AcquisitionChart"></canvas>
            </div>
            <a href="https://www. onecompiler. com/4397q6rjr"  class="dashboard-link" target="_blank" rel="noopener noreferrer">View Details</a>
<script src="script.js"></script>
</body>
</html>
<script src="script.js"></script>


}