Naver Maps + D3.js
지난 Google Map + D3.js에 이어 Naver Maps API를 이용하여 Naver Map과 D3.js를 연동해보자. 우선 Naver Map 객체를 생성한다.Naver Map도 Google Map과 마찬가지로 MapOption 줌레벨, 지도유형 등을 세팅 가능하다.자세한 사항은 여기를 참고하기 바란다. var map = new nhn.api.map.Map('map' ,{ point : new nhn.api.map.LatLng(37.556059, 126.91009), zoom : 8, enableWheelZoom : true, enableDragPan : true, enableDblClickZoom : false, mapMode : 0, activateTrafficMap : false, acti..
더보기
bar chart
d3.js를 이용하여 기본적인 Bar Chart를 생성해보자.Bar Chart 형태는 유명한 dc.js의 Sample 내의 Bar Chart를 생성 해보려고 한다. 필요한 데이터로는 x축은 날짜가 필요하며 y축은 수치 즉 numeric이 필요하다.그래서 아래와 같은 샘플 데이터를 생성하였다. { "date":"2013-02-18", "count":33, "price":3421000 },{ "date":"2013-02-19", "count":4, "price":223000 },{ "date":"2013-02-19", "count":6, "price":464000 },{ "date":"2013-02-20", "count":2, "price":218000 },{ "date":"2013-02-20", "coun..
더보기