언제가 봐뒀던 재밌는 ‘JavaScript InfoVis Toolkit’ 라는 자바스크립트 라이브러리로 다음뷰에서 누가 누굴 추천하는지 비주얼하게 볼수 있도록 만들어 봤습니다
누굴 추천했을까? http://uix.kr/recommend_who/?did=jhytn
- 다음id를 넣으면 그 유저가 다음뷰에서 최근 추천한 100명을 파악한뒤
- 추천수가 많은 상위 6명을 보여주고
- 다시 그 6명도 같은 로직으로 추천한 사람을 가져와서 뿌려주게 됩니다
- 닉네임 옆에 나오는 숫자는 해당 유저에 대한 추천수의 합 입니다
데이터는 ‘my페이지’에 추천글 목록을 html로 긁어와 해석해서 사용합니다. 이렇게 만들어진 데이터를 json형태로 넣어주면 저렇게 그려주네요.
막상 ‘JavaScript InfoVis Toolkit’ 를 사용해서 간단하게 구성해보려니 과연 어떤 데이터를,어떤 그래프로 보여주면 효과적일까라는 고민을 많이 했습니다. 데이타를 시각화하는 문제는 프론트엔드 개발자로써 서비스를 만들면서도 많이 하는 고민이기도 하구요. 데모를 보면 방사형외에 여러가지 형태가 있는데 몇번 더 프로토타이핑 해보면서 고민을 더 해봐야 겠습니다 :)
'One Page Project' 카테고리의 다른 글
| 직관적인 UI - 타임라인 (0) | 2009/08/26 |
|---|---|
| 미디어다음 뉴스를 Twitter로 공유하기, midamTweet (0) | 2009/07/19 |
| 다음뷰 '누굴 추천했을까?' (8) | 2009/06/26 |
| CSS Position 쉽게 만들기 (0) | 2009/05/22 |
| 뉴스 + Daum지도 = nView (2) | 2009/04/15 |
| 블로거뉴스 베스트리더 (2) | 2009/04/06 |
트랙백 주소 :: http://blog.uix.kr/trackback/19
-
Subject: 다음뷰 누가 누굴 추천했을까? 추천 관계도 만들기~!
Tracked from 상오기 : 자전거 여행과 GPS~! 2009/06/26 18:55 삭제UIX님께서 공개하신 "다음뷰 '누굴 추천했을까?'"를 이용하면 다음뷰에서 누가 누구를 추천했는지 쉽게 파악이 됩니다. 제 ID로 테스트한 결과는 아래와 같습니다. 추천 확인 : http://uix.kr/recommend_who/?did=smtc97 다음뷰의 추천 관계도 다음뷰의 ID를 입력하면 100명의 추천자를 뽑아 그중에서 상위 6명을 보여 줍니다. 저의 경우 라라윈님, Kay님, 흰소를타고님, 랫서팬더님, 트렌드팁님, 윤초딩님이 상위 6명 입..
댓글을 달아 주세요
존것 소개해주셧 ㄳ
다음 아이디를 모르면 어떻게 하지요? 대부분 닉으로 나오는데..
다음 아이디는 다음뷰 리스트등에서 닉네임을 클릭하면 이동하는 주소 맨끝부분 보면 알수 있습니다.
오~~ 멋진 기능 이네요 ^^
감사 합니다 ^___^
신기합니다. ^^
우와...
신기해요.
정말 멋지네요 ㅎㅎㅎ
와~~ 좋습니다.
제 성향을 분석하는 용도로도 좋겠네요. ^^
우와 이거 신기하네요+_+
와~ 좋네요^^ 훌륭합니다~