wpDataTables로 대규모 데이터 세트 시각화: 방법 가이드

게시 됨: 2023-05-03

대규모 데이터 세트를 시각화하는 것은 큰 도전입니다. 명확하고 설득력 있는 방식으로 제시하는 것은 가장 많이 찾는 데이터 시각화 기술 중 하나입니다. 청중은 대화형이고 이해하기 쉽고 반응이 빠른 무언가를 필요로 합니다. 값비싼 데이터 시각화 도구에 많은 시간과 비용을 투자하지 않고도 이러한 종류의 시각화를 생성할 수 있는 방법이 있습니다.

wpDataTables는 여러분이 좋아할 강력한 데이터 시각화 도구입니다. 당신은 그것으로 모든 종류의 그래프와 차트를 만듭니다. 빅 데이터를 처리하고 청중이 좋아할 프레젠테이션으로 변환하는 데 특화되어 있습니다.

이 WordPress 플러그인은 다음과 같은 모든 종류의 체계적이고 계층적인 데이터 형식을 처리합니다.

  • CSV
  • 뛰어나다
  • 구글 시트
  • JSON
  • MySQL
  • PostgreSQL
  • XML

데이터 표현을 사용자 정의하기 위한 내장 그래프 및 차트 편집기가 있습니다. 표준으로 다음을 포함한 다양한 차트를 생성합니다.

  • 영역 차트
  • 막대 차트
  • 거품형 차트
  • 세로 막대형 차트
  • 도넛 차트
  • 게이지 차트
  • 라인 차트
  • 파이 차트
  • 분산형 차트

따라서 wpDataTables가 멋진 도구인 이유는 분명합니다. 이 기사에서는 WordPress에서 대규모 데이터 세트를 시각화하고 웹 사이트에 게시하는 데 어떻게 사용할 수 있는지 보여줍니다.

대규모 데이터 세트 시각화를 위한 wpDataTables 사용

wpDataTables 설치 및 활성화

첫 번째 단계는 분명합니다. 시작하려면 wpDataTables 플러그인을 설치해야 합니다. WordPress 플러그인 저장소 로 이동하면 매우 쉽습니다.

그렇게 하려면 WordPress를 열고 플러그인 아래의 새로 추가 로 이동합니다. 여기에서 wpDataTables를 검색할 수 있습니다. 그런 다음 화면의 지침에 따라 설치 및 활성화를 완료합니다.

데이터 가져오기

일단 설치되면 다양한 소스 에서 데이터를 wpDataTables로 가져올 수 있습니다. 데이터 가져오기를 위한 몇 가지 선택 사항은 다음과 같습니다.

  • CSV
  • 뛰어나다
  • 구글 시트
  • JSON
  • MySQL 쿼리
  • 직렬화된 PHP 배열
  • XML

또한 데이터를 wpDataTables에 직접 입력하거나 플러그인을 라이브 데이터 소스에 연결할 수 있는 옵션도 있습니다.

이 기능은 페이지를 로드할 때마다 자동으로 업데이트되는 테이블을 만들 수 있기 때문에 매우 유용합니다. 그래픽 사용자 인터페이스(GUI) 도구를 사용하여 사용자 지정 쿼리를 생성 할 수도 있습니다.

데이터에서 새 테이블을 만드는 방법

wpDataTable로 이동하고 테이블 만들기를 클릭 하여 새 테이블을 만들 수 있습니다. 기존 데이터 원본에 연결된 테이블 만들기 옵션이 표시됩니다. 해당 옵션을 클릭한 후 다음을 클릭합니다.

다음 화면에는 데이터를 가져오는 방법에 대한 다양한 옵션이 표시됩니다. 그 중 아무 것도 선택할 필요는 없지만 그 중 일부는 편리할 수 있습니다.

디스플레이 아래에서 반응형 축소 옵션을 선택할 수 있습니다. 이 옵션은 화면이 작은 장치에서 매우 유용합니다. 스크롤 막대를 편집하고 테이블 너비를 제한하는 등의 작업을 수행할 수 있습니다.

편집 탭은 프런트엔드 편집을 위한 더 많은 옵션을 제공합니다. 여기에는 빠른 링크 인쇄, 복사 및 내보내기가 포함됩니다. 좋은 점은 변경 사항을 실시간으로 미리 볼 수 있다는 것입니다. 변경할 때마다 저장 또는 적용 을 클릭해야 합니다.

대용량 데이터 세트를 사용하시나요? 문제 없음. 우리는 서버 측 처리가 있습니다

방대한 데이터 세트를 처리하고 많은 페이지가 포함된 거대한 테이블을 생성하는 경우 wpDataTables가 필요한 WordPress 플러그인입니다.

wpDataTables는 수많은 데이터를 쉽게 처리할 수 있는 강력 하고 유연한 플러그인입니다. 진심으로, 나는 수천 또는 수백만 행에 대해 이야기하고 있습니다!

  • 방대한 테이블이 로드될 때까지 기다리느라 지치셨습니까?
  • 느린 정렬 및 필터링에 지쳤습니까?
  • 많은 데이터로 인해 페이지 충돌이 걱정되십니까?

더 이상은 없어! wpDataTables가 여러분을 지원합니다. "서버 측 처리"라는 환상적인 기능으로 구축되었습니다. 이 나쁜 소년은 당신의 접시에서 모든 무거운 짐을 덜어 MySQL 서버에 위임합니다. 그것은 당신에게 무엇을 의미합니까? 그 뜻은:

  • 더 빠른 페이지 로딩
  • 더 스마트한 필터링 및 정렬
  • 대용량 데이터 세트로 인한 더 이상 충돌 없음

어떻게 되는지 궁금하시죠? 이 비디오를 확인하십시오.

자, 여러분이 무슨 생각을 하는지 압니다. "사실이 되기에는 너무 좋은 것 같죠?" 그러나 내가 당신에게 말하겠습니다, 그것은 그것이 얻을 수 있는 만큼 현실적입니다.

이 기능은 대용량 데이터 세트를 처리하고 원활한 경험을 원하는 사용자를 위해 맞춤 제작되었습니다 .

올바른 데이터 시각화 선택

데이터를 가져오면 데이터 시각화에 대해 생각할 수 있습니다. 그렇게 하려면 Chart Creation Wizard 를 엽니다. 차트 만들기 에서 wpDataTables를 연 후 마법사를 찾습니다.

먼저 나중에 다시 찾을 수 있도록 차트에 이름을 지정해야 합니다. 그런 다음 네 가지 차트 렌더링 엔진 중 하나를 선택합니다.

  1. Chart.js
  2. 구글 차트
  3. 하이차트
  4. Apex차트

올바른 데이터 시각화를 선택하는 것은 매우 중요합니다. 다른 범주의 차트는 다른 데이터 유형에 더 적합합니다.

먼저 데이터로 만들고 싶은 요점을 생각하십시오. 그 메시지는 분명하고 눈에 잘 띄어야 합니다. 다음 다섯 가지 질문은 원하는 작업을 결정하는 데 도움이 될 수 있습니다.

  • 서로 다른 데이터 세트가 있는 경우 이들 사이의 관계는 무엇입니까?
  • 데이터 분포를 강조 표시하고 이상값을 식별할 필요가 있습니까?
  • 값을 비교하시겠습니까? 그렇다면 서로 다른 데이터 포인트를 비교하고 싶습니까, 아니면 시간이 지남에 따라 한 포인트를 따르고 싶습니까?
  • 데이터 세트 내에 흥미로운 추세가 있습니까?
  • 데이터 시각화 단계는 데이터 분석의 일부입니까?

이러한 질문에 대한 답을 알게 되면 프로젝트에 적합한 종류의 차트를 선택할 준비가 된 것입니다.

그래프 또는 차트를 편집한 후 클릭하여 다음 화면으로 이동하고 데이터 시각화를 위한 단축 코드를 복사 할 수 있습니다.

이제 단축 코드를 웹사이트 콘텐츠에 붙여넣을 준비가 되었습니다. 그것을 저장하고 그것이 어떻게 보이는지 프런트 엔드를 확인하십시오.

wpDataTables 내부에는 매우 특별한 옵션이 있습니다. 플러그인을 삭제하더라도 테이블을 유지할 수 있습니다.

플러그인 삭제를 선택한 경우에도 데이터베이스에서 테이블을 찾을 수 있습니다.

테이블에서 차트 만들기

wpDataTables를 사용하여 데이터 시각화를 만드는 방법에 대해 좀 더 자세히 살펴보겠습니다. 플러그인을 사용하면 모든 종류의 데이터 소스에서 인상적인 대화형 그래프와 차트를 만들 수 있습니다. Excel 파일, CSV, MySQL, JSON 등을 사용할 수 있습니다.

테이블을 처리할 준비가 되면 차트를 선택한 다음 새로 추가를 클릭합니다.

프로젝트에 제목을 지정하고 위에서 설명한 대로 렌더링 시스템을 선택합니다. Google Charts, Chart.js 등에서 선택할 수 있습니다. 각 렌더링 엔진에는 장단점이 있는 특성이 있습니다. 놀면서 프로젝트에 가장 적합한 것이 무엇인지 확인할 수 있습니다.

또한 각 렌더링 엔진은 막대, 열, 영역 및 선과 같은 다양한 범주의 차트를 제공합니다 . 상단에는 원하는 데이터 시각화 종류를 선택할 수 있는 드롭다운 메뉴가 있습니다.

서식 지정 및 미리 보기

이제 플러그인을 사용하여 원하는 방식으로 차트 또는 그래프의 형식을 지정할 수 있습니다. 화면 오른쪽에 있는 패널에서 변경 사항을 바로 확인할 수 있습니다.

각 차트 또는 그래프 요소에 대한 여러 서식 범주가 있음을 알 수 있습니다. 첫 번째 옵션 세트를 사용하면 다음 항목을 조정할 수 있습니다.

  • 배경색
  • 테두리 색상
  • 테두리 반경
  • 테두리 너비
  • 차트 높이
  • 차트 너비
  • 그룹 차트
  • 응답 폭

또 다른 형식 지정 범주는 데이터 시리즈를 사용자 지정할 수 있는 Series 입니다. Axes 아래에는 그래프 축의 레이아웃과 관련된 모든 옵션이 있습니다. X축과 Y축을 서로 독립적으로 사용자화할 수 있습니다.

다음 범주는 내보내기 입니다. 웹 사이트 방문자가 데이터 시각화 도구를 다양한 형식으로 다운로드하도록 허용할 수 있습니다.

  • CSV
  • JPG
  • PDF
  • PNG
  • SVG
  • XLS

도구 모음 범주는 ApexCharts에서만 사용할 수 있습니다. 이 옵션을 사용하면 사용자가 시각화 데이터를 CSV, PNG 및 SVG 벡터 이미지 형식으로 다운로드할 수 있습니다.

차트 또는 그래프 모양이 마음에 들면 차트 저장 버튼을 클릭하여 저장할 수 있습니다. wpDataTables는 WordPress 데이터베이스에 저장합니다. 이 시점에서 단축 코드도 생성됩니다.

웹사이트 또는 블로그 게시물에 차트 게시

이전 버전은 Classic WordPress 편집기를 사용합니다. 그러나 WordPress 5+로 작업하는 경우에도 사용할 수 있습니다. 이를 위해서는 클래식 편집기 플러그인을 다운로드하여 설치해야 합니다.

클래식 편집기에서 wpDataTable이 차트에 대해 생성한 단축 코드를 붙여넣을 수 있습니다. 단축 코드의 예는 다음과 같습니다.

 [ wpdatatable id=22 ]

올바른 방법으로 코드를 붙여넣으려면 다음 단계를 따르세요.

  1. 게시물 로 이동
  2. 신규 또는 페이지 추가를 클릭합니다.
  3. 새로 추가를 선택합니다.
  4. 편집기의 콘텐츠에 단축 코드를 붙여넣습니다.
  5. 페이지 또는 블로그 게시물 업데이트 또는 게시

테이블을 게시하는 또 다른 방법은 편집기에서 wpDataTables 버튼을 사용하는 것입니다. 버튼을 클릭하여 사용하려는 차트를 선택하고 삽입 을 클릭합니다.

Gutenberg Editor는 콘텐츠를 관리하기 위한 또 다른 도구입니다. 실제로 차트에 대한 더 많은 옵션을 제공합니다. 원하는 테이블과 표시 방법을 선택할 수 있으며 변수 자리 표시자를 정의하고 파일 이름을 내보낼 수 있습니다.

Divi Page Builder에는 wpDataTables 통합이 있습니다. 이 페이지 빌더를 사용하면 차트와 표를 Divi 사용자 인터페이스에 바로 삽입할 수 있습니다.

wpDataTables로 대규모 데이터 세트 시각화에 대한 최종 단어

빅 데이터에서 올바른 정보를 추출하는 것은 쉽지 않지만 올바른 데이터 시각화 기술을 사용하면 가능합니다. 이 문서에서는 원시 데이터를 멋진 그래프와 차트로 변환하는 방법을 보여 주었습니다. 큰 데이터 세트를 시각화해야 하는 경우 필요한 기술입니다.

이 플러그인은 매우 유연합니다. 따라서 데이터 시각화를 사용하여 복잡한 데이터에서 더 많은 것을 얻을 수 있는 방법을 알아보십시오. 대규모 데이터 세트를 시각화할 때 몇 가지 매개변수만 변경하면 프레젠테이션에 어떤 영향을 미칠 수 있는지 알게 될 것입니다.

대규모 데이터 세트 시각화에 대한 이 기사를 재미있게 읽으셨다면 다음 기사도 읽어 보십시오.

  • 이러한 데이터 시각화 트렌드를 놓치지 마세요
  • 동적 데이터 시각화를 사용하여 데이터를 더 잘 표현하는 방법
  • 온라인에서 찾을 수 있는 가장 인상적인 대화형 데이터 시각화