折線是數(shù)據(jù)可視化中常用的圖表之一，它可以將數(shù)據(jù)的變化可視化，幫助我們更好地理解數(shù)據(jù)趨勢和變化。

在HTML中，我們可以使用Canvas和SVG來繪制折線圖。下面以Canvas為例，介紹如何使用HTML繪制一條簡單的折線圖：

// 獲取Canvas元素
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
// 繪制坐標(biāo)軸
ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(50, 300);
ctx.lineTo(350, 300);
ctx.stroke();
// 繪制折線
ctx.beginPath();
ctx.moveTo(50, 290);
ctx.lineTo(100, 250);
ctx.lineTo(150, 200);
ctx.lineTo(200, 150);
ctx.lineTo(250, 100);
ctx.lineTo(300, 50);
ctx.stroke();

以上代碼中先獲取了一個(gè)id為myCanvas的Canvas元素，然后使用getContext('2d')獲取了一個(gè)2D上下文，接著使用beginPath()開始繪制路徑，使用moveTo()和lineTo()方法繪制坐標(biāo)軸和折線，最后使用stroke()方法將路徑繪制出來。

當(dāng)然，以上代碼只是一個(gè)簡單的示例，實(shí)際情況下我們可能需要更復(fù)雜的數(shù)據(jù)和樣式，需要對(duì)代碼進(jìn)行進(jìn)一步的封裝和完善。