Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Soundlight Around NHN NEXT [141212 Data visualization]

Data Visualization with Arduino, Processing and d3.js

  • Login to see the comments

Soundlight Around NHN NEXT [141212 Data visualization]

  1. 1. 5 Minute Soundlight Around NHN NEXT 2014 NHN NEXT Data Visualization Jay Jin 14.12.12
  2. 2. 개요 아두이노와 프로세싱으로 사운드와 빛 데이터를 수집하여 환경데이터를 시각화 한다.
  3. 3. 아두이노 회로
  4. 4. 아두이노 회로
  5. 5. 데이터 수집
  6. 6. 프로세싱
  7. 7. 7명의 데이터를 모아 그래프그리기
  8. 8. HTML - View 지도와 7개의 좌표. relative로 div들을 겹침.
  9. 9. Javascript - data 좌표들을 누르면 데이터를 넘기며 init함수 실행
  10. 10. Javascript - Init SVG를 만들고 CSV파일을 가공하는 trans_csv함수를 호출
  11. 11. Javascript - trans_csv csv파일 경로를 받고 sound와 light를 따로 빼고 그래프를 그리는 함수에 데이터를 넘김
  12. 12. Javascript - Init D3.js를 이용해 그래프를 그린다.
  13. 13. 완성 http://milooy.github.io/2014_Data_Visualization/

×