본문 바로가기

시각화

시각화 방법 - D3.js

데이터 분석을 위해서는 데이터의 수집 만큼이나 데이터의 처리가 중요합니다.

데이터를 효과적으로 처리하기 위해서 데이터에 대한 인사이트가 있으면 좋으며,
그래서 비즈니스에 대한 높은 이해도는 데이터 분석에 큰 도움이 됩니다.

 

하지만 항상 모든걸 다 알 수는 없겠죠?

그럴때는 데이터 자체에 대한 이해도를 높을수록 데이터 분석에 도움이 될 것입니다.

이때 데이터를 시각화 방법을 이용하여 이해도를 높일 수 있을 것입니다.

 

데이터 시각화 방안에는 정말로 많은 app과 솔루션들이 있습니다.

Excel이나 Tableau, PowerBI 등등.. 이러한 탐색 솔루션을 활용하는 방법도 있지만, 
여기서는 웹 프론트엔드 기법인 D3.js를 한번 살펴보고자 합니다.

 

1-1) D3.js 소개

https://d3js.org/

 

D3 by Observable | The JavaScript library for bespoke data visualization

D3 The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility

d3js.org

 

1-2) D3.js 활용 예제 - D3 gallery

https://observablehq.com/@d3/gallery

 

D3 gallery

Looking for a good D3 example? Here’s a few (okay, …) to peruse. Animation D3’s data join, interpolators, and easings enable flexible animated transitions between views while preserving object constancy. Interaction D3’s low-level approach allows f

observablehq.com

 

반응형

'시각화' 카테고리의 다른 글

[시각화_예제]미국 대선  (1) 2024.11.05