1.
5 Minute Soundlight
Around NHN NEXT
2014 NHN NEXT Data Visualization
Jay Jin
14.12.12

2.
개요
아두이노와 프로세싱으로
사운드와 빛 데이터를 수집하여
환경데이터를 시각화 한다.

3.
아두이노 회로

4.
아두이노 회로

5.
데이터 수집

6.
프로세싱

7.
7명의 데이터를 모아 그래프그리기

8.
HTML - View
지도와 7개의 좌표. relative로 div들을 겹침.

9.
Javascript - data
좌표들을 누르면 데이터를 넘기며 init함수 실행

10.
Javascript - Init
SVG를 만들고 CSV파일을 가공하는 trans_csv함수를 호출

11.
Javascript - trans_csv
csv파일 경로를 받고 sound와 light를 따로 빼고
그래프를 그리는 함수에 데이터를 넘김

12.
Javascript - Init
D3.js를 이용해 그래프를 그린다.

13.
완성
http://milooy.github.io/2014_Data_Visualization/