5 Minute Soundlight Around NHN NEXT

2014 NHN NEXT Data Visualization Jay Jin

14.12.12

개요

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

아두이노 회로

아두이노 회로

데이터 수집

프로세싱

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

HTML - View

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

Javascript - data

좌표들을 누르면 데이터를 넘기며 init함수 실행

Javascript - Init

SVG를 만들고 CSV파일을 가공하는 trans_csv함수를 호출

Javascript - trans_csv

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

Javascript - Init

D3.js를 이용해 그래프를 그린다.

완성

http://milooy.github.io/2014_Data_Visualization/