HTML/CSS - two_user_chart Online Editor and JavaScript Compiler

html
<!DOCTYPE html>
<html>
<head>
  <title>Two User Chart</title>
  <!-- Include Chart.js -->
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
  <canvas id="myChart"></canvas>
  <script>
    // Sample data for two users
    const userData = {
      user1: [10, 20, 30, 40, 50], // Data for User 1
      user2: [20, 30, 40, 50, 60], // Data for User 2
      labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'] // X-axis labels
    };
    // Create chart
    var ctx = document.getElementById('myChart').getContext('2d');
    var myChart = new Chart(ctx, {
      type: 'line',
      data: {
        labels: userData.labels,
        datasets: [{
          label: 'User 1',
          data: userData.user1,
          borderColor: 'rgb(255, 99, 132)',
css
BROWSER
Console