今天我們來學習如何在HTML5中制作餅狀圖。餅狀圖是一種圖形化的表現方式，特別適用于展示不同比例的數據。以下是制作餅狀圖的基本步驟。

首先，我們需要定義一個canvas元素，該元素將用于繪制餅狀圖。在此之前，我們需要引入一個繪圖庫，如Chart.js。以下是定義canvas元素的代碼：

<canvas id="myChart"></canvas>

接下來，我們需要編寫JavaScript代碼來繪制餅狀圖。我們將使用Chart.js庫中的Pie Chart模塊來完成。以下是繪制餅狀圖的JavaScript代碼。

var ctx = document.getElementById('myChart').getContext('2d');
var data = {
datasets: [{
data: [10, 20, 30],
backgroundColor: ['#FF6384','#36A2EB','#FFCE56']
}],
// These labels appear in the legend and in the tooltips when hovering different arcs
labels: [
'Red',
'Blue',
'Yellow'
]
};
var myPieChart = new Chart(ctx,{
type: 'pie',
data: data
});

在以上代碼中，我們通過創建一個包含數據和標簽的對象來定義數據和標簽。接著，我們創建一個Pie Chart對象，并傳入定義的數據和標簽。最后，我們將繪圖對象綁定到先前定義的canvas元素上。

繪制餅狀圖的過程就是這么簡單。當然，我們還可以通過設置參數進行自定義，例如設置圖表的大小、顏色、字體等。HTML5中制作餅狀圖，并不需要太多的代碼，而且具有良好的可讀性，容易維護，是一個非常實用的技能。