최근에는 시각화가 점점 대중화되고 있습니다. 많은 신문, 잡지, 포털, 뉴스, 미디어에서 시각화 기술을 광범위하게 사용하여 복잡한 데이터와 텍스트를 매우 쉽게 이해할 수 있게 되었습니다. 천." "말씀"은 참으로 그 이름에 걸맞은 이름입니다. 다양한 데이터 시각화 도구도 빠르게 발전했으며 D3는 최고 중 하나입니다.
D3란 무엇인가요? D3의 정식 이름은 (Data-Driven Documents) 이름에서 알 수 있듯이 데이터를 기반으로 하는 문서라는 것을 알 수 있습니다. 이름은 다소 추상적이지만 간단히 말하면 실제로는 주로 데이터 시각화에 사용되는 JavaScript 함수 라이브러리입니다. JavaScript가 무엇인지 모르신다면 먼저 JavaScript를 배워보세요.
JavaScript 파일의 접미사는 일반적으로 .js이므로 D3를 D3.js라고도 합니다. D3는 간단하고 사용하기 쉬운 다양한 기능을 제공하여 JavaScript에서 데이터 작업의 어려움을 크게 단순화합니다. 기본적으로 JavaScript이므로 모든 기능을 JavaScript를 사용하여 구현할 수 있지만 특히 데이터 시각화에서 작업량을 크게 줄일 수 있습니다. D3는 시각화를 생성하는 복잡한 단계를 몇 가지 간단한 함수로 줄였습니다. 간단한 데이터를 다양하고 멋진 그래픽으로 변환합니다. JavaScript에 대한 기본 지식이 있는 친구라면 쉽게 이해할 수 있을 것입니다.D3
을 배우기에 가장 좋은 곳은 http://d3js.org/입니다. 물론 모두 영어로 되어 있습니다.D3는 JavaScript 함수 라이브러리이며 일반적으로 "설치"라고 불리는 것이 필요하지 않습니다. 파일은 하나만 있고 HTML에서 참조할 수 있습니다. 두 가지 방법이 있습니다.
(1) D3.js 파일을 다운로드합니다: d3.zip압축을 푼 후 HTML 파일에 관련 js 파일을 포함하면 됩니다. (2) 네트워크 링크를 직접 포함할 수도 있습니다. 이 방법이 더 간단합니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
