๐ย Reference
๐ Chapter
์ฐจํธ
data
select ํจ์, selection
scale
axis
force
line
d3-cloud
D3.js
- Data-Driven Documents
- D3๋ ๋ฐ์ดํฐ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์น๋ธ๋ผ์ฐ์ ์์์ ๋์ ์ด๊ณ ์ธํฐ๋ํฐ๋ธ(interactive)ํ ์ ๋ณด ์๊ฐํ๋ฅผ ๊ตฌํํ๊ธฐ ์ํ JavaScript ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค.
- ์๊ฐํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ (Data Visualizing)
- D3๋ Vue์ ์ ์ฌํ ์์
์ ์ํํ๊ธฐ ๋๋ฌธ์ ๊ฒฐํฉํ๋ ค๊ณ ํ๋ฉด ๋
ผ๋ฆฌ ์ผ๊ด์ฑ์ ์ ์งํ๊ธฐ๊ฐ ์ด๋ ค์ธ ์ ์๋ค.
- D3๋ ์ํ์ ๊ณ์ฐ์ ์ํํ์ฌ ๋ฐ์ดํฐ ์๊ฐํ์ ํ์ํ ๋ฐ์ดํฐ๋ฅผ ์์ฑํ๊ณ Vue๋ ๋ฐ์์ฑ์ ์์ฉํ๋ฉด์ DOM์ ์กฐ์ํ์ฌ ์ด ์ถฉ๋์ ํด๊ฒฐํ ์ ์๋ค.
- D3๋ ์์ ํ ์คํ ์์ค์ด๋ค.
D3.js - ์ฅ์
- ์๋ก์ด ์ธ์ด ํํ๊ฐ ์๋๋ผ JavaScript ๋ฌธ๋ฒ์ ์ทจํ๊ณ ์์ผ๋ฉฐ, ์น ํ์ค์ธ HTML, SVG, CSS์์ ํ์๋์๊ธฐ ๋๋ฌธ์ ์ฝ๊ฒ ์ ๊ทผ์ด ๊ฐ๋ฅํ๋ค.
- ๊ฐ์ข
์ฐจํธ์ ํ์ํ ๊ธฐ๋ฅ๋ค์ ํจ์ ๋จ์๋ก ์ ๊ณตํด์ค๋ค.
- D3๋ ๋ธ๋ผ์ฐ์ ๋ด์ฅ ์์ ๊ฒ์ฌ๊ธฐ๋ฅผ ํ์ฉํด์ ์ฝ๊ฒ ๋๋ฒ๊น
์ ํ ์ ์๋ค.
- ๋ผ์ด๋ธ๋ฌ๋ฆฌ ํจํค์ง ํฌ๊ธฐ๊ฐ ์์ ํธ์ ์ํ๋ค.