개인 재정 데이터 시각화를위한 Js 라이브러리 - 인형

데이터 시각화를위한 Js 라이브러리 - 인형

비디오: D3.js를 이용한 데이터 시각화 (무료 강의) 2024

비디오: D3.js를 이용한 데이터 시각화 (무료 강의) 2024
Anonim

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) 데이터 시각화를 사용하도록 제한하지 않습니다. 오히려이 라이브러리는 각 고유 사용자의 독창적 인 창의력과 상상력을 수용 할 수 있습니다.

데이터 시각화를위한 Js 라이브러리 - 인형

편집자의 선택

JavaScript에서 HTML 양식 요소에 액세스하는 방법 - 다른 HTML 요소와 마찬가지로

JavaScript에서 HTML 양식 요소에 액세스하는 방법 - 다른 HTML 요소와 마찬가지로

자바 스크립트에서 HTML5 요소와 직접 상호 작용할 수 있습니다. 트릭은 선택한 요소가 지원해야하는 브라우저 및 플랫폼에서 작동하는지 확인하는 것입니다. 이 예제에서는 및 태그를 다음과 같은 솔루션의 일부로 사용하는 방법을 보여줍니다.

CSS 값 정의에 대한 빠른 가이드 구문 - 인형

CSS 값 정의에 대한 빠른 가이드 구문 - 인형

W3C (World Wide Web Consortium)에서 모든 CSS 속성의 구문과 가능한 값을 정의합니다. 정의를 가능한 한 정확하게 만들기 위해 W3C는 CSS 값 정의 구문이라는 공식 시스템을 사용합니다. 정의 구문은 가능한 값을 매우 정확하게 정의하지만 CSS 값 정의 구문을 읽는 중 ...

JavaScript로 동적 HTML 요소를 작성하는 방법 - 더미

JavaScript로 동적 HTML 요소를 작성하는 방법 - 더미

모든 페이지에 대한 특수 효과는 페이지에 동적 HTML 변경 기능을 제공하는 것입니다. 예를 들어 다음 예제와 같이 선택한 요소에 특수 효과를 만들 수 있습니다. function ChangeStyles (event) {// 요소에 대한 참조를 얻습니다. var ThisElement ...

편집자의 선택

Excel 2013 통합 문서의 변경 내용 수락 또는 거부 방법 - 변경 내용 추적을 설정하면 더미

Excel 2013 통합 문서의 변경 내용 수락 또는 거부 방법 - 변경 내용 추적을 설정하면 더미

Excel 2013 통합 문서의 경우 리본의 검토 탭에있는 변경 내용 추적 명령 단추의 드롭 다운 메뉴에서 Alt / RGC를 눌러 변경 내용 적용 / 거부 옵션을 선택하여 수락 또는 거부 할 변경 내용을 결정할 수 있습니다. 이렇게하면 Excel이 강조 표시된 모든 변경 내용을 검토합니다 ...

Excel에서 셀에 설명을 추가하는 방법 2016 - 문자

Excel에서 셀에 설명을 추가하는 방법 2016 - 문자

Excel 2016 워크 시트의 특정 셀에 주석을 달 수 있습니다. 댓글은 스티커 메모의 전자 팝업 버전과 유사합니다. 셀에 주석을 추가하려면 다음과 같이하십시오. 셀 포인터를 이동하거나 주석을 추가 할 셀을 클릭하십시오. 새 주석을 클릭하십시오.

Excel 피벗 테이블에 계산 된 필드를 추가하는 방법 - 더미

Excel 피벗 테이블에 계산 된 필드를 추가하는 방법 - 더미

피벗 테이블 내부의 값을 계산합니다. 계산 된 필드 및 항목을 표에 추가 할 수 있습니다. 계산 된 필드를 추가하면 새로운 행이나 열을 피벗 테이블에 삽입 한 다음 수식을 사용하여 새 행이나 열을 채울 수 있습니다. 예를 들어 다음과 같이 나타납니다.

편집자의 선택

포토샵 CS6에서 히스토리 기능으로 채우기를 사용하는 방법 - 더미

포토샵 CS6에서 히스토리 기능으로 채우기를 사용하는 방법 - 더미

채우기 Adobe Photoshop의 기능 Creative Suite 6는 선택을 원할 때 유용합니다. 특정 상태로 바꿀 영역을 쉽게 선택할 수 있으면 기록으로 채우기 기능을 사용할 수 있습니다. 특정 이미지에서 하늘이 마음에 들지 않는다고 가정 해보십시오. 선택한 항목 ...

Photoshop CS6에서 패싯 필터를 사용하는 방법 -

Photoshop CS6에서 패싯 필터를 사용하는 방법 -

Photoshop CS6의 이미지는 먼지와 스크래치를 줄이거 나 날카로운 모서리를 부드럽게하는 것입니다. 패싯 필터는 포스터 라이징 효과를 사용하여 이미지를 분할합니다. Photoshop CS6에서 이미지를 흐리게 처리하려는 한 가지 이유는 먼지 및 스크래치를 줄이거 나 밝기를 비슷하게하는 픽셀 블록을 모아서 기하학적 모양을 사용하여 단일 값으로 변환하기 때문입니다.

Photoshop CS6에서 손 도구 사용 방법 - 인형

Photoshop CS6에서 손 도구 사용 방법 - 인형

Photoshop CS6 손 도구는 이미지 문서에서 빠르게 이동하고 스크롤 막대와 유사하게 작업하여 작업을보다 신속하게 수행 할 수 있습니다. 손 도구는 손 도구를 클릭 할 필요가 거의 없기 때문에 실제 도구보다 기능이 더 많습니다. 간단히 ...