웹 디자이너 및 개발자를 위한 17가지 데이터 시각화 도구

게시 됨: 2019-01-10

디자이너는 종종 데이터를 제시하는 임무를 받습니다. 데이터 스트림을 놓고 경쟁할 때 눈에 띄게 표시하려면 어떻게 해야 합니까? 데이터는 포장 라벨에서 비즈니스 보고서에 이르기까지 어디에나 있습니다. 메시지를 전달하기 위해 시각화는 통계만으로는 불가능한 방식으로 사용자의 참여를 유도해야 합니다. YND..co 소프트웨어 하우스 회사에 따르면 이를 효과적으로 수행하려면 디자이너와 개발자가 정보를 눈으로 쉽게 탐색할 수 있는 시각적 스토리로 구성해야 합니다. 정보가 구조적 형태 없이 나타날 때 정보에서 길을 잃기 쉽습니다.

목차 숨기기
핀 1. 플롯
2. 태블로
3. 생
4. 시각적으로
5. D3.JS
6. 다이그래프:
7. 인스턴트 아틀라스:
8. 타임라인
9. 겸손한 지도
10. 전단지
11. 칸바
12. 인포액티브
13. 얼굴
14. 디피티
15. 이젤리
16. 기피
17. 러블리 차트

데이터를 표현하는 방법은 정말 많습니다. 정확하고 아름다워야 합니다. 고도로 기술적인 디자이너와 개발자만 이 위업을 달성할 수 있었던 시대는 지났습니다. 그래픽 디자인 소프트웨어의 도입으로 진입 장벽이 크게 낮아졌습니다. 우리는 아름다운 데이터 시각화를 만드는 데 도움이 될 수 있는 몇 가지 최고의 도구를 축적했습니다.


1. 음모

Plotly를 사용하면 프레젠테이션, 차트 및 대시보드를 만들 수 있습니다. 또한 Excel, Javascript 또는 Matlab을 사용하여 데이터를 분석할 수 있는 소프트웨어가 내장되어 있습니다. 시각화 라이브러리 및 온라인 차트 생성 도구를 사용하여 데이터를 쉽게 가져오고 놀라운 그래픽을 생성할 수 있습니다.

2. 태블로

Tableau는 많은 디자이너가 사용하는 인기 있는 데이터 시각화 도구입니다. 그래프, 차트, 지도 등이 내장되어 있습니다. 콘텐츠를 끌어다 놓기가 더 쉽고 라이브 편집기를 사용하면 업데이트를 실시간으로 볼 수 있습니다. 또한 팀과 공동 작업 및 프로젝트 작업이 쉽습니다. 가장 좋은 점은 완전히 무료라는 것입니다!

3. 생

Raw는 벡터 형식으로 데이터 표현을 생성하려는 경우 훌륭한 도구입니다. 다양한 장치에서 데이터를 업로드할 수 있는 무료 도구입니다. 표현이 있으면 SVG 또는 PNG 파일로 쉽게 내보내어 웹사이트에서 사용할 수 있습니다.

4. 시각적으로

이것은 갤러리 및 인포그래픽 생성 도구입니다. 아름다운 인터페이스와 내장 기능을 통해 자체적으로 눈에 띄는 멋진 인포그래픽을 쉽게 생성할 수 있습니다.

5. D3.JS

이것은 HTML, SVG 및 CSS를 사용하여 데이터를 놀라운 다이어그램으로 변환하는 훌륭한 도구입니다. 복잡한 데이터 세트로 가장 진보된 데이터 시각화를 생성할 수 있습니다. 그것은 쉽게 액세스할 수 있으며 정말 좋은 사용자 지원을 포함합니다.

6. 다이그래프:

Dygraphs는 고밀도 데이터 세트의 놀라운 데이터 시각화를 생성할 수 있습니다. 사용자 정의가 가능하며 다양한 장치에서 작동합니다.

7. 인스턴트 아틀라스:

통계와 매핑을 결합한 데이터 표현을 찾고 있다면 체크 아웃하기 좋은 도구입니다. 매핑으로 데이터를 시각화하는 동적 프로필 보고서를 만드는 데 도움이 됩니다.

8. 타임라인

인터랙티브한 타임라인을 만들고 싶었습니다. 이 도구를 사용하면 그렇게 할 수 있습니다. 사용자 프롬프트에 응답하는 고급 대화형 타임라인을 만듭니다.

9. 겸손한 지도

Modest Maps는 웹 디자이너가 사이트에 쉽게 통합할 수 있는 대화형 지도를 만들 수 있는 간단한 매핑 도구입니다. 또한 사용자가 자신의 상호 작용 코드를 추가할 수 있습니다. 따라서 웹 사이트의 사용자 경험을 사용자 정의하려는 디자이너에게 좋은 선택입니다.

10. 전단지

이것은 지리적 예측을 기반으로 데이터를 나타내는 데 좋은 도구입니다. 이 도구를 사용하면 개방형 거리 지도 데이터를 대화형 데이터 시각화로 변환할 수 있습니다. 시장에서 사용할 수 있는 플러그인을 사용하면 마스크, 히트 맵 및 애니메이션 마커를 추가하여 기능을 확장할 수 있습니다.

11. 칸바

Canva를 사용하면 Photoshop 및 Illustrator와 같은 그래픽 디자인 소프트웨어를 사용하지 않고도 전단지, 명함 및 기타 그래픽을 쉽게 만들 수 있습니다. 백만 개 이상의 그래픽이 있으며 라이브러리에는 모든 그래픽을 쉽게 만들 수 있는 사전 빌드된 끌어서 놓기 빌더가 함께 제공됩니다.

12. 인포액티브

Infoactive를 사용하면 사용자가 대화형으로 쉽게 구축할 수 있는 맞춤형 인포그래픽을 만들 수 있습니다. 전문 디자이너를 고용하여 디자이너를 만들고 싶지 않다면 훌륭한 대안입니다.

13. 얼굴

이 도구를 사용하면 차트를 많이 사용하는 사용자 보고서와 인포그래픽을 생성할 수 있습니다. 대량의 데이터를 나타내려는 대규모 브랜드인 경우 이 도구를 사용하십시오.

14. 디피티

Dipity를 사용하면 대화형 요소로 아름다운 타임라인을 만들 수 있습니다. 무료 계정으로 최대 150개의 이벤트를 만드세요. 각 이벤트는 클릭할 수 있으며 소셜 미디어에서 타임라인을 공유할 수 있는 링크와 함께 제공됩니다.

15. 이젤리

이 도구는 디자인을 위한 훌륭한 출발점으로 사용할 수 있습니다. 수십 개의 사전 제작된 템플릿이 함께 제공됩니다. 그 중 하나를 선택하고 사용자 정의하여 나만의 디자인을 만드십시오. 이것은 무료 소프트웨어이며 쉽게 액세스할 수 있습니다.

16. 기피

Giffy는 디자이너가 다이어그램과 순서도를 만드는 데 사용하는 간단한 도구입니다. 페이지를 쉽게 구축할 수 있는 사전 구축된 드래그 앤 드롭 빌더가 있습니다.

17. 러블리 차트

이 도구를 다른 소프트웨어와 구별하는 것은 교차 기능입니다. 모든 장치에서 사용할 수 있습니다. 끌어다 놓아 자신만의 그림 문자를 만들거나 템플릿 라이브러리에 사용 가능한 옵션 세트를 사용할 수 있습니다. 최종 파일은 Jpeg, PNG 또는 PDF로 쉽게 내보낼 수 있습니다.