CSS餅圖是一種流行的數據可視化方式，可以將數據的比例以圖形的形式展示給用戶。下面是一個簡單的實現餅圖的方法：

HTML代碼：
<div class="pie">
<div class="slice slice-1"></div>
<div class="slice slice-2"></div>
<div class="slice slice-3"></div>
</div>
CSS代碼：
.pie {
position: relative;
width: 150px;
height: 150px;
border-radius: 50%;
}
.slice {
position: absolute;
width: 100%;
height: 100%;
clip: rect(0, 75px, 150px, 0);
border-radius: 50%;
border: 75px solid #fff;
transform: rotate(0deg);
}
.slice-1 {
border-color: #f00;
transform: rotate(30deg);
}
.slice-2 {
border-color: #0f0;
transform: rotate(120deg);
}
.slice-3 {
border-color: #00f;
transform: rotate(240deg);
}

這段代碼實現了一個三角形的餅圖，其中每個“slice”代表了一個數據段，通過不同的顏色和旋轉角度來表示不同的數據比例。需要注意的是，每個“slice”的clip值要根據旋轉角度進行相應的調整，以保證顯示正確的數據比例。

如果希望實現更復雜的餅圖，可以通過增加“slice”元素和相應的旋轉角度來實現。另外，可以通過調整“slice”的border樣式來改變餅圖的厚度和顏色。