[JS] D3.js 개념과 도형 그리기 (1)

본 포스터는 [제주코딩베이스캠프] 인프런 강의를 수강하고 정리한 포스터입니다.

1. D3란?

D3 by Observable | The JavaScript library for bespoke data visualization

 

Home

 

d3/API.md at main · d3/d3

 

- Data - Driven Documents의 약자(데이터 주도 문서!)

- 데이터를 시각화하려는 목적

- SVG(Scalable Vector Graphic)를 통해 다양한 해상도에서 깨짐없는 시각화 가능

- D3는 어렵습니다. 뒤에 번외로 다룰 chartjs는 어떤 그래프를 그릴 때 원하는 그래프를 선택하기만 하면 됩니다. D3는 그렇지 않습니다. 일일이 그려줘야 하죠. 단점이자 장점입니다.

 

 

2. 실행

- VSCode에서 html-go live 설치

[VSCode] 라이브 서버 설정하기 / Visual Studio Go Live 고라이브

 

 

- 구글 폰트 지정 가능

https://fonts.google.com/

 

-