colin's 블로그

[swift] - Swift Charts로 산점도 그리기

16 Nov 2023

swift

이번 블로그에서는 Swift Charts를 사용하여 산점도를 그려보는 방법에 대해 알아보겠습니다. 산점도는 데이터 포인트들을 좌표 평면 상에 나타내는 그래프로, 변수 간의 상관 관계나 패턴을 시각적으로 파악할 수 있습니다.

1. Swift Charts 설치하기

Swift 프로젝트를 생성합니다.
Podfile을 열고 아래 코드를 추가합니다.
```
pod 'Charts'
```
터미널을 열고 프로젝트의 경로로 이동한 후, pod install 명령어를 실행하여 Swift Charts를 설치합니다.

2. 산점도 그리기

산점도를 그리기 위해 아래와 같은 단계를 따릅니다.

산점도를 표시할 뷰를 생성합니다.
```
let chartView = ScatterChartView()
```
데이터를 준비합니다. x, y 좌표를 배열로 저장합니다.
```
let xs = [1, 2, 3, 4, 5]
let ys = [3, 7, 8, 4, 2]
```

ScatterChartDataEntry 객체를 생성하여 데이터 포인트를 설정합니다.

var entries: [ChartDataEntry] = []
for i in 0..<xs.count {
    let entry = ChartDataEntry(x: xs[i], y: ys[i])
    entries.append(entry)
}

ScatterChartDataSet 객체를 생성하여 데이터 포인트를 세팅합니다.
```
let dataSet = ScatterChartDataSet(entries: entries, label: "Data")
```
ScatterChartData 객체에 데이터 셋을 추가합니다.
```
let data = ScatterChartData(dataSet: dataSet)
```

차트의 속성을 설정하고 뷰에 데이터를 표시합니다.

chartView.data = data
chartView.xAxis.labelPosition = .bottom
chartView.rightAxis.enabled = false
chartView.animate(xAxisDuration: 2.0, yAxisDuration: 2.0)

화면에 차트를 추가합니다.
```
view.addSubview(chartView)
```

3. 결과 확인하기

앞서 작성한 코드를 실행하여 산점도를 확인해보세요. 데이터 포인트 간의 상관 관계나 패턴을 시각적으로 파악할 수 있을 것입니다.

4. 참고 자료

Swift Charts GitHub 페이지