Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
13 views1 page

!DOCTYPE Html. HTML

Uploaded by

mikaela.aporter1712
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
13 views1 page

!DOCTYPE Html. HTML

Uploaded by

mikaela.aporter1712
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sustainable Practices Compliance</title>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
<h2 style="text-align: center;">Compliance with Sustainable Practices</h2>
<canvas id="sustainablePracticesChart" width="400" height="200"></canvas>

<script>
const ctx =
document.getElementById('sustainablePracticesChart').getContext('2d');
const sustainablePracticesChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['Compliant', 'Non-Compliant'],
datasets: [{
label: 'Number of Practices',
data: [8, 7], // 8 compliant, 7 non-compliant
backgroundColor: [
'rgba(75, 192, 192, 0.6)', // Color for compliant
'rgba(255, 99, 132, 0.6)' // Color for non-compliant
],
borderColor: [
'rgba(75, 192, 192, 1)',
'rgba(255, 99, 132, 1)'
],
borderWidth: 1
}]
},
options: {
scales: {
y: {
beginAtZero: true,
title: {
display: true,
text: 'Number of Practices'
}
}
},
plugins: {
legend: {
display: true
},
title: {
display: true,
text: 'Compliance with 15 Sustainable Practices'
}
}
}
});
</script>
</body>
</html>

You might also like