HTML5 統計圖是用于展示數據的強大工具，它能夠幫助人們更好地理解數據和趨勢。HTML5 統計圖使用的主要語言是JavaScript和CSS3。在下面的代碼中，我們將使用兩個 js 庫：d3.js 和 c3.js。 首先，我們需要定義一些數據，用于生成統計圖。

var data = {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 130, 100, 140, 200, 150, 50]
]
};

在上面的代碼中，我們定義了兩個數據序列 data1 和 data2，每個序列包含6個數據值。 接下來，我們需要設置一些參數來自定義圖形的外觀和行為。例如，我們可以設置圖形的標題、顏色、類型和數據格式。

var chart = c3.generate({
bindto: '#chart',
data: data,
title: { text: '統計圖' },
color: { pattern: ['#4DADEC', '#F5A623'] },
legend: { show: true },
axis: {
x: { type: 'category', categories: ['A', 'B', 'C', 'D', 'E', 'F'] },
y: { label: '數據值' }
},
padding: { top: 10, right: 30, bottom: 20, left: 20 }
});

在上面的代碼中，我們使用了 c3.generate 函數來生成統計圖，指定了綁定的 DOM 元素，數據、標題、顏色、圖例、軸和圖形的邊距等。 最后，我們需要將生成的圖形插入到頁面中的某個位置，并確保圖形能夠正確地顯示。

document.querySelector('#chart-container').appendChild(chart.element);

通過上述代碼，我們可以生成一個漂亮的 HTML5 統計圖。您可以通過修改數據和參數來創建不同類型的統計圖，以滿足您的需求。 以上是一個簡單的 HTML5 統計圖代碼示例，希望對您有所幫助。