" D3.js_Data_Visualizations_Basic "

https://d3js.org

1. D3 (Data-Driven Documents)란?

• 강력한 시각화 프레임워크를 제공하는 데이터 기반 문서 조작을 위한 자바스크립트 라이브러리
• 데이터와 상호작용하는 웹 페이지 만들 때 좋음
• D3.js (or just D3 for Data-Driven Documents) is a JavaScript library for producing dynamic, interactive data visualizations in web browsers. It makes use of the widely implemented SVG, HTML5, and CSS standards. It is the successor to the earlier Protovis framework. - Wikipedia

2. 데이터 시각화 과정

Ben Fry 의 데이터 시각화 과정

1. Acquire - 데이터 불러오기 (e.g., 로컬 디스크에 저장된 파일, 온라인)
2. Parse - 데이터를 내용에 따라 구조화하고 순서에 맞게 분류하기
3. Filter - 관심있는 데이터만 남기기
4. Mine 통계가 데이터 마이닝 기법을 적용하여 패턴 발견하기
5. Represent - 간단한 시각화 도구 (e.g., 막대그래프) 를 사용하여 데이터 나타내기
6. Refine - 더 명료하고 시각적으로 몰입감이 생기도록 기본 시각화 결과물을 발전시키기
7. Interact - 데이터나 시각화된 결과물을 조작할 수 있는 기능 제공하기

3. 아주 간단한 D3 실습

D3를 이용하여 빨간색 동그라미와 초록색 정사각형을 그리고 버튼을 누르면 글씨가 나오게 만들기

4. 생성일

2018.11.14(WED)