데이터 시각화를 위한 5가지 최고의 WordPress 차트 플러그인

게시 됨: 2021-03-01

당연히 끝없는 표와 숫자 목록을 탐색하는 것은 꽤 빨리 지루해질 수 있습니다. 웹사이트에 데이터를 표시하는 경우 독자가 중요한 정보를 놓치지 않도록 프레젠테이션을 최대한 매력적으로 만들어야 합니다. WordPress 차트 플러그인을 사용하면 도움이 될 수 있습니다.

이 기사에서는 시장에서 최고의 WordPress 차트 플러그인을 소개합니다. 기능, 생성할 수 있는 시각화 유형, 가격 책정 등을 살펴보겠습니다. 데이터로 이야기하자!

YouTube 채널 구독

1. 비주얼라이저

비주얼라이저 플러그인

Visualizer: Tables and Charts Manager는 데이터를 수동으로 추가하거나 타사 소스에서 가져와 템플릿에서 데이터 시각화를 생성할 수 있게 해주는 플러그인입니다. 여기에는 다음을 포함한 9가지 차트 유형이 포함됩니다.

  • 라인 차트
  • 영역 차트
  • 막대 차트
  • 세로 막대형 차트
  • 파이 차트
  • 지역 차트
  • 테이블 차트
  • 거품형 차트
  • 분산형 차트

Visualizer는 HTML5 및 SVG(Scalable Vector Graphics)를 사용하여 반응형 차트를 생성합니다.

Visualizer 플러그인의 차트 유형 선택

플러그인의 무료 버전을 사용하면 URL에서 데이터를 가져오거나 수동으로 입력할 수 있습니다. Visualizer의 프리미엄 버전을 사용하는 경우 다른 차트, WordPress 설치 및 데이터베이스에서 데이터를 가져올 수도 있습니다.

Visualizer 플러그인을 통해 데이터 차트 가져오기

플러그인을 사용하면 축, 색상, 선 너비 및 배치를 포함하여 차트 및 테이블의 각 측면을 수정할 수 있습니다. 또한 사용자가 여러 형식으로 차트를 인쇄하거나 다운로드할 수 있습니다.

Visualizer 탭 인쇄 및 다운로드 옵션 활성화

마지막으로 블록 또는 클래식 편집기를 사용하여 페이지에 차트를 추가할 수 있어 이 플러그인을 매우 다재다능하게 만듭니다.

지금까지 이야기한 모든 기능은 Visualizer 무료 버전에서 사용할 수 있습니다. 프리미엄 라이선스를 구입하면 사용자 지정 스프레드시트 및 프런트 엔드 편집기, 추가 데이터 가져오기 옵션, 개인 차트, 추가 차트 유형 등에 액세스할 수 있습니다.

Visualizer 프리미엄이 제공하는 가장 흥미로운 기능 중 하나는 테이블을 온라인 파일과 동기화하는 옵션입니다. 즉, 스프레드시트를 변경하고 사이트의 해당 테이블이나 차트가 자동으로 업데이트되도록 할 수 있습니다.

주요 특징들:

  • 9가지 유형의 차트 및 표 만들기
  • HTML5 및 SVG를 사용하여 반응형 차트 및 표 생성
  • 여러 소스에서 데이터 가져오기
  • 각 요소의 스타일 및 동작 사용자 지정
  • 사용자가 데이터 시각화를 인쇄하고 다운로드할 수 있습니다.

가격: 연간 $59부터 시작하는 프리미엄 버전 무료 | 추가 정보

2. 데이터 테이블 생성기

데이터 테이블 생성기 플러그인

Supsystic의 Data Tables Generator는 반응형 테이블과 차트를 생성할 수 있는 환상적인 WordPress 차트 플러그인입니다. 디스플레이를 통해 뷰어는 테이블 내용을 검색, 필터링 및 정렬할 수 있습니다.

따라서 데이터 테이블 생성기는 방대한 양의 데이터를 공유해야 하는 경우에 이상적입니다. 탐색을 더 쉽게 하기 위해 테이블 ​​요소에 페이지를 매길 수 있습니다.

페이지를 매긴 테이블의 예

또한 데이터 테이블 생성기는 제품 및 사용자 목록을 위한 효과적인 솔루션입니다. WooCommerce와 통합하고 장바구니에 추가 버튼을 포함하여 주문 양식을 만들 수도 있습니다.

제품 목록 테이블의 예

무료 버전은 테이블로 제한됩니다. 그러나 프리미엄 라이선스를 사용하면 다음을 생성할 수 있습니다.

  • 영역 차트
  • 라인 차트
  • 파이 차트(2D 및 3D 옵션)
  • 막대 차트(2D 및 3D 옵션)
  • 세로 막대형 차트
  • 거품형 차트
  • 3D 피라미드 차트

다음은 Data Tables Generator의 다이어그램 선택에 대한 간략한 설명입니다.

사용할 다이어그램 유형 선택

플러그인의 무료 버전을 사용하면 내장된 스프레드시트 편집기에 액세스할 수 있을 뿐만 아니라 사용자 지정 CSS를 추가하는 옵션도 사용할 수 있습니다.

WordPress용 내장 스프레드시트 편집기 사용

게시물과 페이지에 차트를 추가하기 위해 데이터 테이블 생성기는 각 요소에 대해 고유한 단축 코드를 생성하며, 이는 클래식 및 블록 편집기에서 모두 작동합니다. 데이터 가져오기에 관한 한 Google 스프레드시트, Excel, CSV 또는 PDF 파일과 함께 플러그인을 사용하려면 프리미엄 라이선스가 필요합니다.

마지막으로 Data Tables Generator는 포괄적인 사용자 자습서를 제공합니다.

데이터 테이블 생성기 플러그인 튜토리얼

데이터 시각화를 위해 주로 테이블을 사용할 계획이라면 데이터 테이블 생성기의 무료 버전이 확실한 선택입니다.

주요 특징들:

  • 내장된 스프레드시트 편집기를 사용하여 대화형 테이블 생성
  • 사용자가 테이블을 검색, 필터링 및 정렬할 수 있습니다.
  • CSS 추가 또는 기본 제공 스타일 옵션 사용
  • WooCommerce와 통합하여 제품 목록 테이블 생성

가격: 연간 $46부터 시작하는 프리미엄 라이선스로 무료 | 추가 정보

3. amCharts: 차트와 지도

amCharts 플러그인

amCharts: Charts and Maps는 아마도 사용할 수 있는 가장 강력한 WordPress 차트 플러그인 및 데이터 시각화 도구일 것입니다. 더 중요한 것은 완전 무료 플러그인이라는 점입니다. 주의 사항이 있습니다.

플러그인은 무료이지만 amCharts 소프트웨어와 함께 작동하도록 되어 있습니다. 이 플랫폼은 무료 라이선스도 제공하지만 왼쪽 차트 하단에서 볼 수 있는 아이콘인 작은 amChart 속성을 포함하는 것이 마음에 들지 않는 경우에만 가능합니다.

속성이 있는 amCharts 차트의 예

amCharts 소프트웨어를 사용해야 하는 이유는 플러그인에 차트 빌더가 포함되어 있지 않기 때문입니다. 대신 새 요소를 만들 때 차트에 HTML과 JavaScript를 추가하도록 요청합니다.

amCharts 테이블에 HTML 및 JS 추가

amCharts 데이터 디스플레이가 작동하려면 외부 라이브러리가 필요한 경우가 많기 때문에 플러그인을 사용하면 생성하는 각 차트에 대해 가져올 리소스를 선택할 수 있습니다.

amCharts 라이브러리를 WordPress로 가져오기

필요한 모든 것이 간단하고 핵심적인 차트 또는 다이어그램을 만드는 것이라면 amCharts는 과도할 수 있습니다. 소프트웨어가 빛나는 곳은 복잡한 대화형 데이터 시각화와 관련하여 다음과 같습니다.

대화형 amCharts 차트의 예

amCharts를 사용하면 단순하고 정적인 테이블이 일치시킬 수 없는 방식으로 방문자에게 데이터를 표시할 수 있습니다. 플러그인이 하는 일은 간단히 말해서 외부 라이브러리를 어지럽히거나 페이지에 수동으로 코드를 추가하지 않고도 해당 차트를 가져와 WordPress 웹사이트에 표시하는 데 도움이 됩니다.

주요 특징들:

  • 파일을 수동으로 편집할 필요 없이 amCharts 콘텐츠를 WordPress에 추가
  • 웹사이트에 추가하는 각 요소에 대한 특정 amCharts 라이브러리 가져오기
  • 단축 코드를 사용하여 웹사이트에서 원하는 곳에 차트를 배치하세요.

가격: 무료 | 추가 정보

4. 엠 차트

M 차트 플러그인

M Chart는 내장된 스프레드시트 편집기를 사용하여 WordPress 웹사이트용 차트를 만들 수 있는 무료 플러그인입니다.

M 차트 스프레드시트 편집기

스프레드시트에서 차트를 생성한 적이 있다면 M Chart를 사용하는 것이 매우 간단할 것입니다. 그러나 한 가지 부족한 점은 플러그인에 차트의 스타일 옵션이 포함되어 있지 않다는 것입니다.

M 차트 차트의 예

이를 염두에 두고 편안하다면 차트에 CSS를 자유롭게 추가할 수 있다는 점에 유의하는 것이 중요합니다. 그것을 제쳐두고 M Chart는 아마도 웹 사이트에서 사용할 수 있는 가장 간단한 WordPress 데이터 시각화 플러그인일 것입니다. 이를 통해 다음 유형의 차트를 생성할 수 있습니다.

  • 라인 차트
  • 막대 차트
  • 파이 차트
  • 세로 막대형 차트

명심해야 할 또 다른 사항은 이 플러그인을 사용하면 차트에 대해 미리 코딩된 여러 계산 단위 중에서 선택할 수 있다는 것입니다. 보여주고 싶은 유닛이 포함되어 있지 않다면 다른 플러그인을 추천합니다:

차트에 사용할 측정 단위 선택

차트가 준비되면 플러그인이 차트를 자체 페이지에 저장하고 이에 대한 주석을 활성화할 수 있습니다. 차트를 다른 페이지의 일부로 추가하려는 경우 M Charts는 생성하는 각 요소에 대한 고유한 단축 코드도 생성합니다.

주요 특징들:

  • 내장된 스프레드시트 편집기를 사용하여 차트 만들기
  • 데이터에 대해 사전 코딩된 계산 단위에서 선택
  • 단축 코드를 사용하여 게시물 및 페이지에 차트 추가

가격: 무료 | 추가 정보

5. 우버차트

UberChart 플러그인

UberChart는 이 목록에 있는 유일한 프리미엄 전용 WordPress 차트 플러그인이며 그럴만한 이유가 있습니다. 이것은 차트를 만들고 웹사이트에 추가하기 위한 가장 많은 사용자 지정 및 데이터 가져오기 옵션을 제공하는 WordPress 데이터 시각화 플러그인이며 라이선스당 $39입니다.

UberChart를 사용하여 다음을 포함하여 10가지 유형의 차트를 만들고 사용자 지정할 수 있습니다.

  • 라인 차트
  • 영역 차트
  • 막대 차트
  • 가로 막대 차트
  • 파이 차트
  • 도넛 차트
  • 레이더 차트
  • 극지방 차트
  • 분산형 차트
  • 거품형 차트

또한 각 차트에 대해 200개 이상의 사용자 정의 옵션이 포함되어 있습니다. 그것은 약간 과잉처럼 들릴 수 있습니다. 그러나 생성하는 시각화의 모든 단일 측면을 사용자 정의할 수 있는 기능이 있다는 것은 확실히 플러스입니다.

UberChart 막대 차트의 예

UberCharts는 모든 주요 스프레드시트 형식을 지원하므로 원하는 거의 모든 소스에서 데이터를 가져올 수 있습니다. 백업 목적으로 플러그인은 데이터와 차트를 XML 형식으로 내보내는 데 도움이 되며, 이를 통해 한 사이트에서 다른 사이트로 요소를 복사할 수 있습니다.

데이터를 처음부터 입력하려면 UberCharts의 내장 스프레드시트 편집기를 사용하면 됩니다. 플러그인은 또한 데이터를 가져와 대중에게 준비되기 전에 사용자 정의가 거의 또는 전혀 필요하지 않은 시각적 개체를 생성할 수 있도록 하는 수십 개의 사전 구축된 차트 모델을 제공합니다.

주요 특징들:

  • 최대 10가지 유형의 차트 생성
  • 내장된 스프레드시트 편집기를 사용하여 수동으로 데이터 입력
  • 모든 주요 스프레드시트 소프트웨어 옵션에서 데이터 가져오기
  • 차트를 다른 웹사이트에서 가져올 수 있는 XML 파일로 백업
  • 사전 구축된 차트 모델을 사용하여 신속하게 데이터 시각화 생성

가격: 1년 라이선스 비용은 $39 | 추가 정보

결론

WordPress 차트 플러그인을 사용하는 것은 대규모 데이터 세트를 가져와 사용자가 보기 좋아할 매력적인 시각화로 변환하는 환상적인 방법입니다. 데이터를 이해하기 쉽게 만들수록 요점을 파악하기가 더 쉬워집니다.

최고의 WordPress 차트 플러그인에 관한 한, 다음은 다섯 가지 선택 사항입니다.

  1. Visualizer: 무료 버전의 차트 유형을 다양하게 선택할 수 있는 사용자 친화적인 차트 플러그인입니다.
  2. 데이터 테이블 생성기: 차트보다 테이블에 초점을 맞추려면 선택해야 합니다.
  3. amCharts: amCharts 차트 소프트웨어의 팬이라면 이 플러그인을 사용하여 창작물을 WordPress로 가져올 수 있습니다.
  4. M Chart: 이 플러그인은 간단한 WordPress 차트를 만들기 위한 간단한 솔루션입니다.
  5. UberChart : 다양한 차트 유형 및 사용자 정의 옵션을 포함하는 프리미엄 플러그인입니다.

어떤 워드프레스 차트 플러그인을 사용할지 궁금한 점이 있으신가요? 아래 코멘트 섹션에서 그들에 대해 이야기합시다!

MisterEmil/Shutterstock.com을 통한 추천 이미지