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/