최고의 데이터 시각화 도구에 대한 전체 개요

많은 양의 데이터를 사용하는 것이 항상 간단한 것은 아닙니다. 때로는 데이터 세트가 너무 커서 유용한 것을 식별하는 것이 완전히 불가능합니다. 바로 여기에서 데이터 시각화가 필요합니다.

데이터 시각화를 만드는 것은 거의 간단하지 않습니다. 디자이너가 단순히 수천 개의 항목이 포함된 데이터 세트를 가져와 처음부터 시각화를 생성할 수 있는 것은 아닙니다. 물론 가능하지만 분산형 차트에 점을 그리는 데 수십 또는 수백 시간을 소비하고 싶은 사람은 누구입니까? 바로 여기에서 데이터 시각화 도구가 등장합니다.

데이터 시각화 도구란 무엇입니까?

데이터 시각화 도구는 데이터 시각화 디자이너에게 대규모 데이터 세트의 시각적 표현을 보다 쉽게 ​​생성할 수 있는 방법을 제공합니다. 수십만 또는 수백만 개의 데이터 포인트가 포함된 데이터 세트를 처리할 때 시각화 생성 프로세스를 자동화하면 최소한 부분적으로는 디자이너의 작업이 훨씬 쉬워집니다.

이러한 데이터 시각화는 대시보드, 연간 보고서, 영업 및 마케팅 자료, 투자자 슬라이드 데크 및 정보를 즉시 해석해야 하는 거의 모든 곳에서 다양한 목적으로 사용할 수 있습니다.

최고의 데이터 시각화 도구의 공통점은 무엇입니까?

시중에 나와 있는 최고의 데이터 시각화 도구에는 몇 가지 공통점이 있습니다. 첫째는 사용 용이성입니다. 데이터 시각화에 사용할 수 있는 엄청나게 복잡한 앱이 있습니다. 일부는 우수한 문서와 튜토리얼을 제공하며 사용자에게 직관적으로 느껴지도록 설계되었습니다. 다른 사람들은 이러한 영역이 부족하여 다른 기능에 관계없이 "최고" 도구 목록에서 제거합니다.

최고의 도구는 엄청난 양의 데이터도 처리할 수 있습니다. 사실 최고는 단일 시각화에서 여러 데이터 세트를 처리할 수도 있습니다.

최고의 도구는 또한 다양한 차트, 그래프 및 지도 유형의 배열을 출력할 수 있습니다. 아래의 대부분의 도구는 이미지와 대화형 그래프를 모두 출력할 수 있습니다. 다양한 출력 기준에는 예외가 있습니다. 일부 데이터 시각화 도구는 특정 유형의 차트 또는 지도에 초점을 맞추고 매우 잘 수행합니다. 이러한 도구는 또한 "최고의" 도구 중 하나입니다.

마지막으로 비용 고려 사항이 있습니다. 더 높은 가격표가 반드시 도구의 자격을 박탈하는 것은 아니지만 더 나은 지원, 더 나은 기능 및 더 나은 전반적인 가치 측면에서 더 높은 가격표가 정당화되어야 합니다.

데이터 시각화 도구 비교

대규모 데이터 세트의 시각화를 생성하는 데 사용할 수 있는 애플리케이션, 도구 및 스크립트는 수백 가지가 아니더라도 수십 가지가 있습니다. 대부분은 매우 기본적이며 겹치는 기능이 많습니다.

그러나 생성할 수 있는 시각화 유형에 대해 더 많은 기능을 가지고 있거나 다른 옵션보다 사용하기 훨씬 더 쉬운 눈에 띄는 것이 있습니다.

Tableau(및 Tableau Public)

Tableau에는 데스크톱 앱, 서버 및 호스팅된 온라인 버전, 무료 공개 옵션을 비롯한 다양한 옵션이 있습니다. CSV 파일에서 Google Ads, Analytics 데이터, Salesforce 데이터에 이르기까지 수백 가지의 데이터 가져오기 옵션을 사용할 수 있습니다.

출력 옵션에는 여러 차트 형식과 매핑 기능이 포함됩니다. 즉, 디자이너는 표나 차트보다 훨씬 쉽게 소화할 수 있는 형식으로 지리적으로 중요한 데이터를 보여주는 색상으로 구분된 지도를 만들 수 있습니다.

Tableau의 공개 버전은 다양한 설정에서 사용할 수 있는 데이터 시각화를 만드는 강력한 방법을 찾는 모든 사람에게 무료로 제공됩니다. 언론인부터 정치 중독자, 자신의 삶에 대한 데이터를 정량화하려는 사람들에 이르기까지 Tableau Public의 잠재적 용도는 무수히 많습니다. 그들은 자신의 생성에 관심이 있는 사람들에게 영감을 주기 위해 공개 버전으로 생성된 광범위한 인포그래픽 및 시각화 갤러리를 보유하고 있습니다.

장점

• 수백 가지 데이터 가져오기 옵션
• 매핑 기능
• 무료 공개 버전 사용 가능
• Tableau 사용 방법을 안내하는 많은 비디오 자습서

단점

• 무료가 아닌 버전은 비쌉니다(Tableau Creator 소프트웨어의 경우 사용자당 70달러/월).
• 공개 버전에서는 데이터 분석을 비공개로 유지할 수 없습니다.

데이터 시각화 예

결론

Tableau는 다른 유형의 차트와 함께 지도를 만들어야 하는 사람들에게 훌륭한 옵션입니다. Tableau Public은 또한 공개 시각화를 만들고자 하는 모든 사람을 위한 훌륭한 옵션입니다.

인포그램

Infogram은 디자이너가 아니더라도 마케팅 보고서, 인포그래픽, 소셜 미디어 게시물, 지도, 대시보드 등에 대한 데이터의 효과적인 시각화를 생성할 수 있는 완전한 기능을 갖춘 끌어서 놓기 시각화 도구입니다.

완성된 시각화는 .PNG, .JPG, .GIF, .PDF 및 .HTML과 같은 다양한 형식으로 내보낼 수 있습니다. 대화형 시각화도 가능하여 웹사이트나 앱에 삽입하기에 적합합니다. Infogram은 또한 WordPress 사용자가 시각화를 훨씬 쉽게 포함할 수 있도록 하는 WordPress 플러그인을 제공합니다.

장점

• 기본 기능이 포함된 무료 요금제를 포함한 계층형 가격 책정
• 35개 이상의 차트 유형 및 550개 이상의 지도 유형 포함
• 드래그 앤 드롭 편집기
• 추가 데이터 소스를 가져오기 위한 API

단점

• 다른 앱보다 훨씬 적은 내장 데이터 소스

예

결론

Infogram은 디자이너뿐만 아니라 비 디자이너에게도 훌륭한 옵션입니다. 드래그 앤 드롭 편집기를 사용하면 많은 시각적 디자인 기술 없이도 전문가 수준의 디자인을 쉽게 만들 수 있습니다.

차트 블록

ChartBlocks는 라이브 피드를 포함하여 API를 사용하여 "어디서든" 데이터를 가져올 수 있다고 주장합니다. 모든 소스에서 데이터 가져오기가 "단 몇 번의 클릭"으로 완료될 수 있다고 말하지만 특정 데이터 소스에 대한 자동화 모듈 또는 확장이 있는 다른 앱보다 더 복잡할 수밖에 없습니다.

이 앱은 생성된 최종 시각화의 광범위한 사용자 정의를 허용하고 차트 작성 마법사는 사용자가 데이터를 가져오기 전에 차트에 정확히 맞는 데이터를 선택하도록 도와줍니다.

디자이너는 거의 모든 종류의 차트를 생성할 수 있으며 출력은 반응형이므로 다양한 장치에서 볼 수 있는 웹 사이트에 차트를 포함하려는 데이터 시각화 디자이너에게 큰 이점입니다.

장점

• 무료 및 합리적인 가격의 유료 요금제 이용 가능
• 필요한 데이터를 가져오기 위한 사용하기 쉬운 마법사

단점

• API가 얼마나 강력한지 불분명
• 매핑 기능이 없는 것 같습니다.

예

결론

ChartBlocks에는 훌륭한 무료 계획이 있으며 이는 큰 장점입니다. 기본 차트 및 그래프 작성을 위한 사용 편의성도 뛰어납니다.

데이터 래퍼

Datawrapper는 뉴스 기사에 차트와 지도를 추가하기 위해 특별히 제작되었습니다. 생성된 차트와 지도는 대화형이며 뉴스 웹사이트에 삽입하기 위해 만들어졌습니다. 데이터 소스는 제한적이지만 기본 방법은 데이터를 복사하여 도구에 붙여넣는 것입니다.

데이터를 가져오면 클릭 한 번으로 차트를 만들 수 있습니다. 시각화 유형에는 세로 막대형, 꺾은선형 및 막대형 차트, 선거 도넛, 영역 차트, 산점도, 등치 및 기호 맵, 로케이터 맵 등이 있습니다. 완성된 시각화는 New York Times 또는 Boston Globe와 같은 사이트에서 본 것과 같습니다. 실제로, 그들의 차트는 Mother Jones, Fortune 및 The Times와 같은 출판물에서 사용됩니다.

무료 요금제는 트래픽이 제한된 소규모 사이트에 그래픽을 포함하는 데 적합하지만 유료 요금제는 월 $39부터 시작하여 비용이 많이 듭니다.

장점

• 뉴스룸 데이터 시각화를 위해 특별히 설계됨
• 무료 요금제는 소규모 사이트에 적합합니다.
• 이 도구에는 색맹 검사기가 내장되어 있습니다.

단점

• 제한된 데이터 소스
• 유료 요금제는 비싼 편입니다.

예시

결론

Datawrapper는 뉴스 사이트의 데이터 시각화를 위한 탁월한 선택입니다. 가격표에도 불구하고 뉴스별 시각화를 위해 Datawrapper에 포함된 기능은 그만한 가치가 있습니다.

D3.js

D3.js는 데이터를 사용하여 문서를 조작하기 위한 JavaScript 라이브러리입니다. 프로그래밍이 아닌 사용자가 라이브러리를 사용할 수 있도록 허용하는 앱이 있지만 D3.js에는 최소한 약간의 JS 지식이 필요합니다.

이러한 앱에는 D3.js용으로 재사용 가능한 차트를 제공하는 NVD3가 포함됩니다. 디자이너가 WebGL 및 기타 차트를 생성할 수 있는 Plotly의 차트 스튜디오 Ember.js 프레임워크도 사용하는 Ember 차트.

장점

• 매우 강력하고 사용자 정의 가능
• 엄청난 수의 차트 유형 가능
• 웹 표준에 중점
• 비 프로그래머가 시각화를 생성할 수 있도록 하는 도구
• 무료 및 오픈 소스

단점

• 단독으로 사용하려면 프로그래밍 지식이 필요합니다.
• 유료 도구보다 지원이 적음

예

결론

D3.js는 프로그래머에게 도움을 요청하거나 프로그래밍 지식이 있는 디자이너에게만 적합합니다.

구글 차트

Google 차트는 특히 온라인에 삽입할 대화형 차트를 만들기 위한 강력한 무료 데이터 시각화 도구입니다. 동적 데이터와 함께 작동하고 출력은 순수하게 HTML5 및 SVG를 기반으로 하므로 추가 플러그인을 사용하지 않고도 브라우저에서 작동합니다. 데이터 소스에는 Google 스프레드시트, Google Fusion Tables, Salesforce 및 기타 SQL 데이터베이스가 포함됩니다.

지도, 분산형 차트, 세로 막대형 및 막대형 차트, 히스토그램, 영역 차트, 파이 차트, 트리맵, 타임라인, 게이지 등 다양한 차트 유형이 있습니다. 이 차트는 간단한 CSS 편집을 통해 완전히 사용자 정의할 수 있습니다.

장점

• 무료
• 다양한 차트 형식 사용 가능
• HTML5/SVG를 사용하므로 브라우저 간 호환 가능
• 동적 데이터 작업

단점

• 사용 가능한 자습서 및 포럼 외에도 제한된 지원이 있습니다.

예

결론

디자이너가 코딩에 다소 익숙하고 강력한 무료 솔루션을 원하는 경우 Google 차트는 훌륭한 옵션입니다. 모든 SQL 데이터베이스를 데이터 소스로 사용할 수 있으므로 대용량 데이터 세트에도 좋은 옵션이 됩니다.

FusionCharts

FusionCharts는 웹 및 모바일 대시보드를 생성하기 위한 또 다른 JavaScript 기반 옵션입니다. 여기에는 150개 이상의 차트 유형과 1,000개 이상의 지도 유형이 포함됩니다. 인기 있는 JS 프레임워크(React, jQuery, React, Ember 및 Angular 포함)는 물론 서버 측 프로그래밍 언어(PHP, Java, Django 및 Ruby on Rails 포함)와 통합할 수 있습니다.

FusionCharts는 모든 차트 및 지도 변형에 대해 즉시 사용할 수 있는 코드를 제공하므로 프로그래밍 지식이 제한된 디자이너도 웹사이트에 쉽게 포함할 수 있습니다. FusionCharts는 단순한 데이터 시각화가 아닌 대시보드 생성을 목표로 하기 때문에 이 기사에 포함된 가장 비싼 옵션 중 하나입니다. 그러나 그것은 또한 가장 강력한 것 중 하나입니다.

장점

• 수많은 차트 및 지도 형식 옵션
• 대부분의 다른 시각화 도구보다 더 많은 기능
• 다양한 프레임워크 및 프로그래밍 언어와 통합

단점

• 비싸다(하나의 개발자 라이선스에 대해 거의 $500부터 시작)
• 대시보드 환경 외부의 단순한 시각화에 대한 과잉

예

결론

대시보드를 만드는 데 있어 이 기사의 다른 어떤 것도 실제로 FusionCharts와 비교할 수 없습니다. 그것이 현재 진행 중인 프로젝트라면 의심할 여지 없이 가장 강력한 선택입니다.

차트.js

Chart.js는 간단하지만 유연한 JavaScript 차트 작성 라이브러리입니다. 오픈 소스이며 다양한 차트 유형(총 8개)을 제공하고 애니메이션 및 상호 작용을 허용합니다.

Chart.js는 출력에 HTML5 Canvas를 사용하므로 모든 최신 브라우저에서 차트를 잘 렌더링합니다. 생성된 차트도 반응형이므로 모바일 친화적인 시각화를 만드는 데 적합합니다.

장점

• 무료 및 오픈 소스
• 반응형 및 브라우저 간 호환 출력

단점

• 다른 도구에 비해 매우 제한된 차트 유형
• 공식 문서 이외의 제한된 지원

예

결론

Chart.js는 간단하고 사용자 지정 가능한 대화형 시각화 옵션이 필요한 디자이너에게 좋은 옵션입니다. 가장 큰 판매 포인트는 무료이며 오픈 소스라는 것입니다.

그라파나

Grafana는 사용자가 동적 대시보드 및 기타 시각화를 생성할 수 있는 오픈 소스 시각화 소프트웨어입니다. 혼합 데이터 소스, 주석 및 사용자 정의 가능한 경고 기능을 지원하며 수백 가지의 사용 가능한 플러그인을 통해 확장할 수 있습니다. 따라서 사용 가능한 가장 강력한 시각화 도구 중 하나입니다.

내보내기 기능을 통해 디자이너는 대시보드의 스냅샷을 공유하고 다른 사용자를 초대하여 협업할 수 있습니다. Grafana는 플러그인을 통해 50개 이상의 데이터 소스를 지원합니다. 무료로 다운로드하거나 월 $49에 클라우드 호스팅 버전을 사용할 수 있습니다. (매우 제한된 무료 호스팅 버전도 있습니다.) 다운로드 가능한 버전에는 다른 많은 오픈 소스 도구가 제공하지 않는 지원 계획도 있습니다.

장점

• 무료 및 유료 옵션이 있는 오픈 소스
• 다양한 데이터 소스 선택 가능
• 다양한 차트 유형 사용 가능
• 동적 대시보드를 간단하게 생성
• 혼합 데이터 피드 작업 가능

단점

• 단순한 시각화를 만들기 위한 과잉
• 다른 도구만큼 많은 시각적 사용자 지정 옵션을 제공하지 않습니다.
• 시각화 이미지를 생성하기 위한 최선의 선택은 아닙니다.
• 개별 패널에는 가능하지만 웹사이트에 대시보드를 포함할 수 없음

예

결론

Grafana는 특히 혼합 또는 대규모 데이터 원본에 대한 내부용 대시보드를 만드는 데 가장 적합한 옵션 중 하나입니다.

차티스트.js

Chartist.js는 사용자 정의가 가능하고 브라우저 간 호환이 가능한 간단한 반응형 차트를 생성할 수 있는 무료 오픈 소스 JavaScript 라이브러리입니다. 전체 JavaScript 라이브러리는 GZIP된 경우 10KB에 불과합니다. Chartist.js로 만든 차트도 애니메이션으로 만들 수 있으며 플러그인을 사용하여 확장할 수 있습니다.

장점

• 무료 및 오픈 소스
• 작은 파일 크기
• 차트에 애니메이션을 적용할 수 있습니다.

단점

• 사용 가능한 차트 유형이 가장 광범위하지 않음
• 매핑 기능 없음
• 개발자 커뮤니티 외부의 제한된 지원

예

결론

Chartist.js는 작은 파일 크기로 간단하고 포함 가능하며 반응이 빠른 차트를 원하는 디자이너에게 좋은 옵션입니다.

시그마

Sigmajs는 네트워크 그래프를 생성하기 위한 단일 목적의 시각화 도구입니다. 고도로 사용자 정의할 수 있지만 사용하려면 몇 가지 기본적인 JavaScript 지식이 필요합니다. 생성된 그래프는 포함 가능하고 대화형이며 반응형입니다.

장점

• 고도로 사용자 정의 및 확장 가능
• 무료 및 오픈 소스
• 웹사이트와 앱에 쉽게 그래프를 삽입할 수 있습니다.

단점

• 한 가지 유형의 시각화만 생성: 네트워크 그래프
• 사용자 정의하고 구현하려면 JS 지식이 필요합니다.

예

결론

단일 초점 때문에 Sigmajs는 디자이너가 JavaScript에 익숙하다면 네트워크 그래프를 생성하기 위한 훌륭한 옵션입니다.

폴리맵

Polymaps는 매핑을 위한 전용 JavaScript 라이브러리입니다. 출력은 이미지 오버레이에서 심볼 맵, 밀도 맵에 이르기까지 다양한 스타일의 동적 반응형 맵입니다. SVG를 사용하여 이미지를 생성하므로 디자이너는 CSS를 사용하여 지도의 시각적 개체를 사용자 지정할 수 있습니다.

장점

• 무료 및 오픈 소스
• 매핑을 위해 특별히 제작됨
• 웹사이트와 앱에 지도를 쉽게 삽입할 수 있습니다.

단점

• 한 가지 유형의 시각화만 생성
• 사용자 정의하고 구현하려면 약간의 코딩 지식이 필요합니다.

예

결론

폴리맵은 디자이너가 몇 가지 기본 코딩에 익숙하다면 지도가 유일한 시각화 유형인 경우 좋은 옵션입니다.

결론

디자이너가 사용할 수 있는 시각화 도구는 매우 다양하여 어떤 도구를 사용할지 결정하기 어려울 수 있습니다. 데이터 시각화 디자이너는 사용 용이성 및 도구에 필요한 기능이 있는지 여부와 같은 사항을 염두에 두어야 합니다.

사용 가능한 가장 강력한 도구를 선택하는 것이 항상 최선의 아이디어는 아닙니다. 학습 곡선이 가파르고 시작하고 실행하는 데 더 많은 리소스가 필요할 수 있지만 더 간단한 도구는 짧은 시간 안에 필요한 것을 정확하게 생성할 수 있습니다. 그러나 이 도구는 데이터 시각화를 생성하는 방정식의 일부일 뿐입니다. 디자이너는 또한 훌륭한 데이터 시각화를 만들기 위해 무엇이 더 들어가는지 고려해야 합니다.

대부분의 데이터 시각화 도구에는 무료 평가판이 포함되어 있으므로(전체 도구가 무료가 아닌 경우) 단일 솔루션을 결정하기 전에 시간을 내어 몇 가지를 시도해 볼 가치가 있습니다.

• • •

Toptal Design 블로그에 대한 추가 정보:

1. 데이터 시각화 – 모범 사례 및 기초
2. 이러한 데이터 시각화로 영감을 얻으십시오
3. 대시보드 디자인 – 고려 사항 및 모범 사례
4. UX 데이터를 사용하지 않는다면 UX 디자인이 아닙니다
5. 숫자의 강점 – 데이터 기반 설계 개요