CSS3是一門非常強大的樣式語言，它不僅可以為網頁添加樣式，還可以用來創建圖表。圖表是展示數據的重要方式，本文將介紹使用CSS3創建圖表的方法。

.bar-chart {
width: 100%;
display: flex;
align-items: flex-end;
justify-content: space-around;
}
.bar {
width: 20%;
height: 200px;
background-color: #2f82b8;
transition: height 1s ease-out;
}
.bar:hover {
height: 250px;
}

首先我們需要創建一個容器，該容器需要指定display為flex，這樣才可以讓圖表的每個柱子都能夠在同一水平線上。然后我們為每個柱子創建一個.bar的class，并且將它們的高度初始化為200px。

.pie-chart {
width: 100%;
height: 400px;
position: relative;
}
.pie-chart .pie {
width: 200px;
height: 200px;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
clip: rect(0, 100px, 200px, 0);
}
.pie-chart .pie-1 {
background-color: #2f82b8;
transform: rotate(30deg);
}
.pie-chart .pie-2 {
background-color: #56a9cc;
transform: rotate(60deg);
}
.pie-chart .pie-3 {
background-color: #7dc2e2;
transform: rotate(90deg);
}

除了柱狀圖之外，CSS3還可以創建餅圖。對于餅圖，我們同樣需要一個容器，然后在容器內創建一個.pie元素作為餅圖的主體，它的大小需要設置為200px × 200px。我們為每個扇形區域創建一個class，同時將它們通過transform:rotate()來旋轉。

通過以上的例子，我們可以看到，使用CSS3創建圖表是非常簡單并且靈活的。因為它具有非常強大的定位、旋轉、動畫等功能，所以也可以創建更加復雜的圖表，例如折線圖，雷達圖等。