[Book-IT][코로나보드 실전 웹 서비스][MEMO][Chapter07:시각화로 핵심 정보 전달하기]

·1 min read

[개발PC : MacBook]

Chapter07) 시각화로 핵심 정보 전달하기

학습 목표 : 목적에 맞게 데이터를 시각화하는 방법과 구글 테이블, 지오차트(GeoChart), 이차트(EChart) 사용법을 알아봅니다.

image

데이터를 테이블과 차트와 같은 시각화 도구로 표현하면 숫자만 나열할 때보다 정보를 더 효과적으로 전달할 수 있습니다.

[구글 테이블 차트]

P260~265

$npm install react-google-charts

  • coronaboard-web/src/pages/chart/google-table-chart.js

[구글 지오차트]

  • coronaboard-web/src/pages/chart/google-geo-chart-global.js

  • coronaboard-web/src/pages/chart/google-geo-chart-korea.js

[아파치 이차트 이용하기]

  • coronaboard-web/src/components/echart.js

  • coronaboard-web/src/pages/chart/bar.js

  • coronaboard-web/src/pages/chart/pie.js