codefactory's Posts

[데이터 시각화] 재배작물별 재배면적 (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 참가팀 중 복지팀이 만든 데이터 입니다. [원본 데이... »

Collie – HTML5을 이용한 애니메이션과 게임을 만들기 위한 자바스크립트 라이브러리

Collie – HTML5을 이용한 애니메이션과 게임을 만들기 위한 자바스크립트 라이브러리

Collie http://colliejs.org/ 한국어 포럼 Collie는 HTML5을 이용한 애니메이션과 게임을 만들기 위한 자바스크립트 라이브러리입니다. 코드팩토리에 우리나라 개발자가 만든 라이브러리를 올린 적은 처음인 것 같습니다. Collie는 NHN에서 근무하시는 심상민님께서 개발하신 자바스크립트 애니메이션 라이브러리입니다. 우리나라분이 만드셔서 드리는 말씀이 아니라 매우 훌륭한 라이브러리라고 생각됩니다. 아래는 공식 사이트에 있는 소개글입니다. 콜리(Collie)는 HTML5을 이용한 애니메이션과 게임을 만들기 위한 자바스크립트 라이브러리 입니다. HTML5 캔버스와 DOM을 이용해서 PC와 모바일에 최적화된 애니메이션과 게임을 구현할 수 있습니다. 콜리는 렌더링 파이프라인을 이용해 많은 수의 ... »

Page 2 of 541234»