HTML5可以制作曲線圖，而且非常的簡單和方便。以下是一個簡單的HTML5曲線圖代碼示例：

首先，需要在HTML文檔中使用canvas元素來創建畫布：

<canvas id="myCanvas" width="400" height="200"></canvas>

接下來，通過JavaScript或jQuery等方式獲取到這個canvas元素并獲得它的上下文，然后就可以開始繪制了。

//獲取canvas元素
var canvas = document.getElementById("myCanvas");
//獲取canvas上下文
var ctx = canvas.getContext("2d");

繪制曲線圖時，需要設置線的屬性，例如線的類型，線的顏色，以及線的寬度等。以下是一個設置線屬性的代碼示例：

//設置線的屬性
ctx.beginPath();
ctx.strokeStyle = "blue";
ctx.lineWidth = 2;
ctx.lineJoin = "round";
ctx.lineCap = "round";

繪制曲線圖，需要根據數據來繪制曲線，以下是一個繪制曲線圖的代碼示例：

//繪制曲線
ctx.moveTo(50, 150);
ctx.bezierCurveTo(150, 50, 250, 250, 350, 150);
ctx.stroke();

代碼解析：

moveTo(50, 150)：將畫筆移動到x坐標為50，y坐標為150的位置。

bezierCurveTo(150, 50, 250, 250, 350, 150)：從當前畫筆位置開始，繪制一條貝塞爾曲線，第一個點的坐標是(150,50)，第二個點的坐標是(250,250)，最后一個點的坐標是(350,150)。

stroke()：將曲線繪制出來。

最后，需要在HTML文檔中調用JavaScript代碼：

<script>
//JavaScript代碼
</script>

以上就是通過HTML5繪制曲線圖的代碼示例。