[D3.js] D3.js Gallery 정리된 곳

---

• D3.js Gallery : http://christopheviau.com/d3list/gallery.html#author=all

---

오늘도 북마크에 저장해 놓으면 좋은 페이지를 소개 합니다. 어제 사이트는 타이트 목록으로만 정리 되어 있어서 타이틀을 한눈으로 보고 원하는 데이터 시각화 문서를 찾을 수 있었다면 오늘은 타이틀 뿐만 아니라 시각화한 이미지도 일부 보여주면서 목록을 정리를 해놓은 거라서 아마 오늘 것이 더 보기 편할 수 있을 거에요. 원래 D3.js 공식홈페이지에서 제공되는 Gallery를 봐도 되지만 방대한 자료를 정리가 안된 상태에서 보여주기 때문에 뭔가 여러분들이 표현하고 싶은 시각화 문서를 찾을 때에는 일일히 시각화한 문서들을 드래그 해서 봐야 하는 불편함이 있었는데 여긴 목록과 시각화문서를 동시에 보여주기 때문에 빠르게 원하는 시각화 문서를 찾을 수 있어 북마크에 등록해 놓으시면 좋을 것 같아서 소개를 합니다.

상단에 링크된 주소로 가시면 위 이미지처럼 D3.js Gallery가 나타납니다. 보니깐 Author, Chart Type, Title 로 세개의 형태로 검색을 할 수 있게 나와 있네요.

그러면 Chart Type 모드로 바꾸면 아래 이미지 처럼 왼쪽에 목록이 목록이 나오고 "Map" 선택하니 오른쪽에 시각화 문서가 나타납니다. Map에 대한 종류의 시각화 문석를 분류해서 편하게 확인할 수 있게 해놓았더군요.

이제는 Title 모드로 바꾸면 아래 이미지 처럼 나오고 왼쪽에 Title 목록이 나오네요. "Parallel Coordinates" 선택하니 오른쪽 창에 4개의 시각화 문서가 나왔네요.

Chart Type or Title 을 선택하셔서 원하는 시각화 문서를 찾을 수 있어서 북마크에 등록해놓고 참고하시면 좋을 것 같네요.

마지막으로 지난 시간에 소개한 예제 목록을 보여주는 웹페이지와 유사한 방식으로 보여주는 형태도 있네요.

위 그림에서 Static list를 클릭하시면 지난시간에 소개한 형태와 유사한 리스트를 보여주세요.

마무리

---

어제 자료를 찾다가 이 블로그의 페이지를 찾았는데 괜찮더군요. 북마크에 등록해놓고 d3.js 공부하다가 원하는 기법을 찾을때 활용하시면 괜찮을 것 같아서 소개합니다. 주말이라서 따로 D3.js 실험은 안하고 그냥 간단한 사이트 주소만 소개 했네요.

---

_{Sponsored ( Powered by dclick )}