다양한 통계 데이터를 시각적인 형태로 바꾸는 것을 데이터 시각화라고 한다.
그 중에 선 그래프, 막대 그래프, 파이형 그래프 등을 지원하는 라이브러리인
fl_chart를 사용해 보았다.
![image](https://user-images.githubusercontent.com/58906858/213902883-171d1716-940b-4677-ba53-0f563958ea22.png)
![image](https://user-images.githubusercontent.com/58906858/213902854-7fb331ac-bcc7-4f9d-a2e2-704bd652d250.png)
기본 선 그래프 차트를 하나 만들어 보았습니다.
LineChart 위젯 안에 차트 데이터 속성을 줄 수 있습니다.
borderData는 데이터의 외곽선을 설정하고 lineBarsData는 각 데이터의 x, y 좌표를
FlSpot(x, y)의 형태로 spots 프로퍼티로 직접 지정해 줄 수 있습니다.
외곽선은 주지 않고 가로 x 데이터를 1만큼 증가시키면서 y 데이터를 임의로 부여하여
기본 선 그래프 차트를 구현하였습니다.
![image](https://user-images.githubusercontent.com/58906858/213900879-11983cc1-cd19-4832-b295-f6ef3ca0152a.png)
두 번째 화면에는 여러 개의 곡선 그래프를 보여주는 화면을 추가합니다.
화면을 routes 기능을 사용해서 버튼을 누르면 두 번째 화면으로 넘어가도록 버튼을 추가했습니다.
![image](https://user-images.githubusercontent.com/58906858/213901698-7e96a203-a3ab-48d8-aca1-d8040813c764.png)
List.generate로 8개의 랜덤한 y좌표를 가지는 좌표 생성하고 곡선 그래프마다 각각 다른 색상과
좌표값을 가지도록 하였습니다.
LineChartBarData 프로퍼티의 값으로 spots(좌표), color(색상), isCurved(곡,직선 판단) 등을 할 수 있습니다.
![image](https://user-images.githubusercontent.com/58906858/213902060-d2c4175a-4590-4af5-b128-db808f73a8b8.png)
가로축이 너무 넓어서 화면 방향을 세로로 고정할 필요가 있었습니다.
따라서 services 라이브러리를 설치한 후에 세로로 고정하는 코드를 추가하였습니다.
![image](https://user-images.githubusercontent.com/58906858/213902852-61cc2238-b8c2-48d1-a2ed-4e667b156b2d.png)