[데이터 시각화] 최근 한 달간 주요 지진 표시
Major Earthquakes from the Past Month http://boydgreenfield.com/quakes/ 최근 한 달간 전세계에서 발생했던 주요 지진들을 지구본 모양 위에 표시한 데이터 시각화 애플리케이션입니다. D3.js를 사용해서 만들어졌습니다. 지구본 모양은 자동으로 회전하는데 멈출 수도 있고 마우스 드래그로 자신이 원하는 곳으로 자유롭게 움직일 수 있습니다. »
Data Visualization
![[데이터 시각화] 최근 한 달간 주요 지진 표시](http://codefactory.kr/wp-content/uploads/2013/01/quakes.png)
![[데이터 시각화] HTML5 Features](http://codefactory.kr/wp-content/uploads/2013/01/html5_springy.png)
[데이터 시각화] HTML5 Features
HTML5의 구성요소들을 Tree 구조로 만들어 봤습니다. HTML5ROCKS와 MDN을 참고하여 data로 사용할 json 파일을 만들었습니다. [데모보기] [소스코드] 그래프를 그릴 때 Springy라는 라이브러리를 사용했습니다. Springy에서 제공하는 데모를 보고 그대로 만들었습니다. »
[데이터 시각화] 각 지역 평균 기온과 평균 강수량
서울, 부산, 광주의 평균 기온과 평균 강수량을 차트로 만들었습니다. 2008년 1월부터 2012년 5월까지의 자료를 json파일로 만들어서 데이터로 사용하고 있습니다. [데모보기] [소스코드] 차트를 그릴 때 amCharts라는 라이브러리를 사용했습니다. amCharts는 차트의 상단에 amCharts 링크를 포함하면 무료로 사용할 수 있고, 구매할 경우 링크표시없이 사용할 수 있습니다. amCharts는 다양한 샘플을 제공해주고 있습니다. 평균 기온 차트는 http://www.amcharts.com/javascript-charts/smoothed-line/, 평균 강수량 차트는 http://www.amcharts.com/javascript-charts/3d-stacked-column/를 보고 만들었습니다... »
XKCD-style plots in Javascript using D3
XKCD-style plots in Javascript using D3 http://dan.iel.fm/xkcd/ 손으로 그린 것 같은 느낌을 주는 D3.js 차트 데모 »
Red Dwarf – github repository의 star를 heat map으로 표현
Red Dwarf http://jrvis.com/red-dwarf/ GitHub repository의 star 받은 지역별 분포를 google maps 위에 heat map으로 표현한 프로그램입니다. http://jrvis.com/red-dwarf/ 를 방문해보면 GitHub의 red-dwarf repository의 star 지역별 분포를 볼 수 있습니다. 그리고 url에 인자를 넘겨주면 다른 repository의 heat map 도 볼 수 있습니다. 예를 들어, Twitter Bootstrap의 경우 GitHub username이 twitter이고 repository 이름이 bootstrap인데 http://jrvis.com/red-dwarf/?user=twitter&repo=bootstrap 와... »
Recent Comments