ADP 5과목

2절. 시각화 디자인

1. 시각화 분류
   1. 데이터 시각화: 그래픽의 의미를 이용해 명확하고 효과적으로 커뮤니케이션
   2. 정보 시각화: 대규모 비수량 정보를 시각적으로 표현
   3. 정보 디자인: 사람이 사용할 수 있는 효과적인 정보와 복잡하고 구조적이지 않은 기술 데이터를 시각적으로 표현
   4. 인포그래픽: 중요한 정보를 한 장의 그래픽으로 표현

 

3절. 시각화 구현

1. D3.js
   1. 특징
      1. 자바스크립스 기반의 데이터 시각화 라이브러리
      2. SVG 객체, canvas 객체 등을 기반으로 동작
      3. CSS를 통해 객체의 레이아웃과 속성을 변경해 디자인적 요소 조작
      4. 브라우저를 사용하여 동일한 코드에 대해 일관적인 결과를 얻을 수 있음
   2. 시각화 구현절차
      1. 데이터 획득 - 데이터 파싱 - 데이터 필터링 - 데이터 표현 - 상호작용 추가
   3. 코드
      1. translate(a, b): x축 방향 a만큼 오른쪽으로, y축 방향 b만큼 아래쪽으로 이동
      2. rotate(c): c만큼 시계방향으로 회전
   4. 그래프
      
      1. 파이차트: 레이아웃
      2. 히트맵: canvas 객체 필요