Math Problem Solver

<div class="chart-container">

<canvas id="horizontalBarChart"></canvas>

</div>

<script>

$(document).ready(function () { var ctx = document.getElementById('horizontalBarChart').getContext('2d'); var data = { labels: ["Label 1", "Label 2", "Label 3", "Label 4"], datasets: [{ label: 'My Dataset', data: [10, 20, 30, 40], backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)' ], borderColor: [ 'rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)', 'rgba(75, 192, 192, 1)' ], borderWidth: 1 }] }; var options = { scales: { y: { beginAtZero: true } } }; var chart = new Chart(ctx, { type: 'horizontalBar', data: data, options: options }); });</script>