Data Visualization with Arduino, Processing and d3.js

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/