비디오: D3.js를 이용한 데이터 시각화 (무료 강의) 2024
D3의 고품질 데이터 기반 문서 (D3)를 만들 수 있습니다. js는 2011 년 첫 출시 이후 데이터 시각화 세계를 폭풍우에 빠뜨린 오픈 소스 자바 스크립트 라이브러리입니다. Mike Bostock (뉴욕 타임스의 유명 데이터 시각화 전문가 및 그래픽 에디터)에 의해 제작되었으며 (유지 관리되고 있습니다.) New York Times . 이 라이브러리를 사용하여 일반 JavaScript (바닐라 패키지)로 코딩하는 데 필요한 시간과 단시간 내에 고품질 데이터 기반 문서 (D3)를 만들 수 있습니다.
본질적으로 D3. js는 작은 코딩으로 더 낮은 수준의 자바 스크립트 문자열을 훨씬 더 길게 실행할 수있는 클래스와 함수의 모음입니다. D3. js는 자바 스크립트 라이브러리에있는 특수한 클래스의 명령 (데이터 시각화에서 일반적으로 사용되는 명령)만을 호출합니다. 이러한 명령을 사용하여 그래프 크기를 조정할 때 축 그리기, 플롯 요소 및 재 계산 포지션과 같은 작업을 수행 할 수 있습니다.
동적 웹 웹 기반 데이터 시각화 (사용자 상호 작용에 따라 변경되는 시각화)를 만드는 것이 목표 인 경우 - D3. js는 사용할 수있는 완벽한 JavaScript 라이브러리입니다.
사용자가 데이터 시각화와 상호 작용하고 표시 할 데이터를 선택할 수있게하려면 동적 시각화를 만들어야합니다.
동적 데이터 시각화를 사용하면 사용자가
-
시각화와 상호 작용하여 표시 할 데이터를 선택하십시오.
-
시각적 효과의 일부를 마우스로 가리거나 클릭하면 추가 데이터가 표시됩니다.
-
더 많은 관련 데이터를 드릴 다운하여 가장 중요한 데이터 부분에 대한보다 자세한 뷰를 얻습니다.
-
시간 경과에 따른 변화를 보여주는 애니메이션 시각화를 불러옵니다.
-
다양한보기 전환 사이에서 선택하십시오.
D3. js 라이브러리가 아직 개발 중이다. Mike Bostock과 새로운 유형의 시각화에 기여한 수많은 다른 사용자들과 함께 도서관의 기능은 매일 확장되고 있습니다. D3. js 디자인 철학은 다소 개방적입니다. 미리 정의 된 쿠키 커터 (cookie-cutter) 데이터 시각화를 사용하도록 제한하지 않습니다. 오히려이 라이브러리는 각 고유 사용자의 독창적 인 창의력과 상상력을 수용 할 수 있습니다.