시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > JAVASCRIPT > javascript 소스창고 > Framework > [자바스크립트] D3.js (ver 3.5.17) Data-Driven Documents 상세정보
사이트등록
클라우드태그
Javascript
PHP
html
CSS
asp
API
mysql
jquery
image
slide
Mobile
메뉴
게시판
현재접속자 181 새로고침
[자바스크립트] D3.js (ver 3.5.17) Data-Driven Documents
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기 네이버로공유
소스분류 Framework
다운로드 횟수 187 회
간단설명 D3.js는 데이터 기반의 Javascript 라이브러리. D3.js는 HTML, SVG, CSS를 사용. D3의 주안점은 개발자가 강력한 비주얼라이제이션 컴포넌트들을 결합한 자체 프로임워크로 작업하지 않아도 최신 브라우저의 호환성을 보장하는 것. DOM 수정에 대해서 데이터 관점에서 접근.
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 소스다운로드 데모 미리보기 스크랩하기


Data-Driven Documents


D3.js는 데이터 기반으로 문서수정을 하기 위한 Javascript 라이브러리입니다.
D3.js는 HTML, SVG, CSS를 사용해서 데이터에 활기를 부어줄수있습니다.
웹 표준상에서 D3의 주안점은 개발자가 강력한 비주얼라이제이션 컴포넌트들을 결합한 자체 프로임워크로 작업하지 않아도 최신 브라우저의 호환성을 보장하는 것입니다.
그리고 DOM 수정에 대해서 데이터 관점에서 접근합니다.


D3.js 파일 다운로드


파일을 다운로드 하지않아도 링크를 통해 바로 사용이 가능합니다.
[script src="http://d3js.org/d3.v3.min.js"]][/script

D3는 소위 '모던 브라우저'를 지원합니다.
이 말은 일반적으로 IE8 이전 버전을 제외한 브라우저들을 말합니다.
D3는 파이어폭스, 크롬(크로미엄), 사파리(WebKit), 오페라, IE9에서 테스트했습니다.
하지만 D3의 일부는 오래된 브라우저에서 작동할 지도 모릅니다.
D3의 코어 라이브러리는 Javascript와 
W3C DOM API만 필수 사항으로 전재하기 때문입니다.
IE8을 위한 호환성 라이브러리로 
Aight를 추천한다.
D3는 
Selectors API Level 1를 사용하지만 호환성을 위해서 Sizzle를 D3를 로드하기 전에 로드할 수도 있습니다.
여러분은 
SVG CSS3 Transitions를 사용하는 모던 브라우저가 필요합니다.
D3는 이를 위한 호환성 계층이 없으므로 여러분의 브라우저가 이 표준을 지원하지 않으면 안타깝지만. 안녕~

 

d3.js 은 다양한 모듈을 제공하고있습니다.
https://github.com/d3/d3/wiki/Gallery

데모를 통해 데이터를 시각화 하는 가장 좋은 방법을 찾아 보시기 바랍니다.



좀더 다양한 모듈들을 사용해보고 추전할만 한 것이 있다면
글 남겨 드리도록 하겠습니다..

 

네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 60667194 보이는 도배방지키를 입력하세요.