<!DOCTYPE html>
<html>
<head>
<title>Line Chart with Chart.js</title>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
<canvas id="myChart" width="400" height="400"></canvas>
<script>
const myChart = document.getElementById('myChart').getContext('2d');
const chartData = {
labels: ['January', 'February', 'March', 'April', 'May', 'June'],
datasets: [{
label: 'Sample Line Chart',
data: [10, 20, 30, 25, 40, 35],
fill: false,
borderColor: 'blue',
borderWidth: 1
}]
};
new Chart(myChart, {
type: 'line',
data: chartData,
options: {
responsive: true
}
});
</script>
</body>
</html>