CSS散點是一種用于呈現數據的圖表類型，通常用于顯示兩個或更多變量之間的關系。散點圖以數據點的位置代表變量的值，并且可以使用顏色和形狀等方式，呈現更多信息。

在CSS中創建散點圖，通常需要使用一個容器元素和一系列子元素來表示數據點。使用位置和大小屬性來確定數據點的位置，使用背景顏色和邊框屬性來定義數據點的外觀。同時，可以使用偽元素和偽類等技術，為數據點添加更多交互和動態效果。

.scatter {
position: relative;
width: 500px;
height: 500px;
border: 1px solid #ccc;
}
.scatter .point {
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
}
.scatter .point.red {
background-color: red;
}
.scatter .point.blue {
background-color: blue;
}

在以上代碼中，我們創建了一個散點圖容器，并定義了一個數據點子元素。通過給容器添加相對定位，我們可以讓數據點相對于容器進行絕對定位，從而實現散點圖的效果。

同時，我們還為數據點定義了大小和顏色等外觀特征。在這里，我們使用了紅色和藍色作為不同數據點的區分。如果需要添加更多數據點，只需要在容器中添加相應的子元素，并設置不同的類名即可。

CSS散點圖不僅可以用于呈現統計數據，還可以用于演示一些交互效果，例如拖拽操作、縮放等。這些操作都可以通過CSS動畫和事件等技術來實現，從而提供更加豐富的用戶體驗。