Demos

데모를 등록하고 싶으신 분은 Contact 로 연락해 주십시오

[데이터 시각화] 재배작물별 재배면적 (2010년)

[데이터 시각화] 재배작물별 재배면적 (2010년)

전국의 재배작물별 재배면적을 지도위에 색상으로 표현해주는 프로그램을 만들어 봤습니다. [재배작물별 재배면적 (2010년) 보기] 데이터는 임업통계연보 2012를 보고 http://linkit.kr/demos/forest-crops/data/forest_crops.js의 형태로 만들어서 사용하였습니다. 파이 차트는 EASY PIE CHART라는 라이브러리를 사용해서 만들었습니다. 배경으로 사용된 지도는 동적으로 확대축소가 가능한 지도 애플리케이션이 아니라 이미지입니다. 통계지리정보서비스에서 행정구역 SHP파일을 다운로드 받아서 이미지로 캡쳐한 후 사용하였습니다. »

[데이터 시각화] 서울의 일별 평균 대기오염도

[데이터 시각화] 서울의 일별 평균 대기오염도

서울의 일별 평균 대기오염도를 각 구별로 지도위에 색상으로 표현해주는 프로그램을 만들어 봤습니다. [서울의 일별 평균 대기오염도 보기] 데이터는 서울 열린 데이터 광장에서 제공해주는 오픈API를 사용하였고 지도 라이브러리는 Leaflet을 사용하였습니다. Leaflet에 있는 예제 중 Interactive Choropleth Map을 보고 만들었습니다. 서울 열린 데이터 광장에서 제공해주는 API는 날짜를 파라미터로 넘겨주면 해당 날짜의 대기오염 정보를 이산화질소, 오존, 일산화탄소, 아황산가스, 미세먼지로 구분해서 보여줍니다. 그래서 지도 상단에 버튼을 둬서 오염물질을 바꿔가면서 볼 수 있도록 했습니다. 그리고 슬라이더 형태로 날짜를 이동해서 볼 수 있게 했습니다. 슬라이더를 마우스로 드래그 하면 시간에 ... »

[데이터 시각화] 서울의 축제 및 행사 타임맵 – 타임라인 + 지도

[데이터 시각화] 서울의 축제 및 행사 타임맵 – 타임라인 + 지도

3월~4월 사이의 서울의 축제 및 행사 정보 중 일부를 타임맵(타임라인 + 지도)으로 만들어 봤습니다. 행사자료는 네이버에서 검색 한 후 복사,붙여넣기로 JSON 파일을 만들어서 사용했습니다. 정보를 API 형태로 받을 수 있는 상황이 아니라서 많은 정보를 JSON으로 만들기는 어려웠습니다. 이 타임맵은 timemap 이라는 라이브러리를 사용해서 만들었습니다. 이 라이브러리는 타임라인 부분은 SIMILE Timeline라는 라이브러리를 사용하고 있고, 지도 부분은 구글맵, 오픈스트리트맵 등 다양한 지도를 사용할 수 있도록 되어 있습니다. [타임맵 보기] 타임라인 부분을 마우스로 드래그해서 시간이동을 할 수 있습니다. 그런데 SIMILE Timeline이 예전에 만들어진 라이브러리라 그런지 모바일 기기에서 터... »

[데이터 시각화] 2010년 서울 독거노인 현황

[데이터 시각화] 2010년 서울 독거노인 현황

2010년 서울 독거노인 현황을 D3.js를 사용해서 버블차트로 만들어 봤습니다. [차트보기] 이 버블차트는 Creating Animated Bubble Charts in D3 와 Clinical trials in Multiple Sclerosis를 보고 만든 것입니다. 원본 소스코드가 CoffeeScript로 되어 있어서 저도 CoffeeScript로 만들었는데, 서버에는 JavaScript로 컴파일을 해서 올려놓았기 때문에 커피코드는 안보이실 텐데요, 혹시 필요하신 분은 [여기]에서 보시면 됩니다. 그런데 제가 많이 이상하게 짜놔서 별로 참고가 안되실 것 같습니다. 차트를 만드는데 사용한 원본데이터는 2월말 서울에서 진행되었던 Open Data Day 참가팀 중 복지팀이 만든 데이터 입니다. [원본 데이... »

[데이터 시각화] HTML5 Features

[데이터 시각화] HTML5 Features

HTML5의 구성요소들을 Tree 구조로 만들어 봤습니다. HTML5ROCKS와 MDN을 참고하여 data로 사용할 json 파일을 만들었습니다. [데모보기] [소스코드] 그래프를 그릴 때 Springy라는 라이브러리를 사용했습니다. Springy에서 제공하는 데모를 보고 그대로 만들었습니다. »

Page 2 of 3123