HTML是一種用于創建網頁的標記語言，其中一個重要的組件就是圖表。圖表能夠直觀地展示數據，并且在頁面中具有一定的美觀性，因此被廣泛運用。
在HTML中，我們通常使用canvas標簽來創建圖表。其中，需要編寫Javascript代碼來繪制圖表。下面是一個簡單的HTML頁面，其中包含了一個簡單的圖表：
<!DOCTYPE html>
<html>
<head>
<title>簡單圖表示例</title>
<style>
#myChart {
border: 1px solid black;
}
</style>
<script>
window.onload = function() {
var canvas = document.getElementById("myChart");
var ctx = canvas.getContext("2d");
// 繪制坐標系
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 180);
ctx.lineTo(280, 180);
ctx.stroke();
// 繪制數據點
ctx.beginPath();
ctx.arc(40, 160, 5, 0, 2 * Math.PI);
ctx.fill();
ctx.beginPath();
ctx.arc(80, 120, 5, 0, 2 * Math.PI);
ctx.fill();
ctx.beginPath();
ctx.arc(120, 100, 5, 0, 2 * Math.PI);
ctx.fill();
ctx.beginPath();
ctx.arc(160, 140, 5, 0, 2 * Math.PI);
ctx.fill();
ctx.beginPath();
ctx.arc(200, 60, 5, 0, 2 * Math.PI);
ctx.fill();
ctx.beginPath();
ctx.arc(240, 80, 5, 0, 2 * Math.PI);
ctx.fill();
};
</script>
</head>
<body>
<canvas id="myChart" width="300" height="200"></canvas>
</body>
</html>