Hello Charts, 블록 편집기를 위한 기본 차트 작성 경험 출시

WP 엔진이 2020년에 뽑은 3인조 블록 랩 팀 중 두 명인 루크 카비스와 롭 스틴슨이 새로운 프로젝트로 다시 뭉쳤다. 이번에는 Byron Keet이 합류했습니다. 이 트리오는 Hello Charts라는 블록 모음을 통해 WordPress 차트 공간을 차지합니다.

"일부 사람들은 블랙 프라이데이에 거래를 시작합니다."라고 팀은 지난주 7월 이후 두 번째 트윗에서 썼습니다. “우리는 전체 제품을 출시합니다!”

Carbis는 팀이 블록 편집기 네이티브 플러그인을 만들기 위해 노력했다고 지적했습니다. 관리자 화면이나 설정 페이지가 없으며 사용자는 편집기에서 작업하기만 하면 됩니다.

웹사이트 홈페이지의 마케팅 자료에서는 Hello Charts가 "최초의 차트 플러그인 빌드 블록 편집기"라고 주장합니다. 그러나 SB Charts는 거의 1년 동안 사용되었으며 Chart Block은 몇 주 전에 WordPress 플러그인 디렉토리에 상륙했습니다. CSV 가져오기를 지원하는 Charts Blocks for Gutenberg는 반년 전에 초기 릴리스를 얻었지만 그 이후로 업데이트되지 않았습니다.

1위라는 주장은 아마도 마케팅의 실수일 것입니다. 내가 즉시 발견한 유일한 이유는 블록 편집기를 위한 적절한 차트 솔루션을 찾기 위해 한동안 유사한 플러그인을 면밀히 주시했기 때문입니다. Hello Charts는 기술적으로 가장 먼저 출시되지는 않았지만 최고의 사용자 경험을 제공합니다.

대부분의 경우 가로 막대형 및 꺾은선형 차트에 의존합니다. 그러나 플러그인은 총 5가지 블록 유형을 제공합니다.

• 막대 차트
• 라인 차트
• 파이 차트
• 극지방 차트
• 레이더 차트

각각은 데이터를 입력하고 출력을 사용자 정의할 때 거의 동일하게 작동합니다. 각 유형에 고유한 몇 가지 옵션과 컨트롤이 있습니다. 또한 사용자는 데이터 손실 없이 버튼 클릭으로 한 차트 블록에서 다른 차트 블록으로 변환하고 다시 돌아올 수 있습니다.

옵션에 익숙해진 후 3년 동안의 월별 제품 판매 데이터 차트를 작성했습니다. 가장 의미 있는 막대 차트 블록으로 시작했습니다. 각 블록에는 "차트 데이터 편집" 버튼이 있습니다. 클릭하면 일반적인 스프레드시트 프로그램처럼 작동하는 오버레이가 화면에 열립니다.

사용자는 각 셀을 탭하여 데이터를 추가하고 새 데이터 세트 또는 행을 생성할 수 있습니다. 줄임표 버튼을 클릭하여 데이터 세트를 복제하거나 앞/뒤에 새 데이터를 추가하는 옵션이 있습니다. 고등학교 컴퓨터 수업 이후로 스프레드시트 소프트웨어 작업에 많은 시간을 할애하지 않은 사람에게는 이 모든 것이 간단하게 느껴졌습니다.

몇 분 후에 막대 차트가 생겼습니다. 테마 색상을 사용하도록 조정하기만 하면 되었습니다.

플러그인의 사용자 정의 옵션은 풍부했지만 위압적이지 않을 정도로 균형이 잡혀 있습니다. 큰 소란 없이 테마 디자인과 일치하기를 원했고 그렇게 하는 데 오랜 시간이 걸리지 않았습니다.

기존 데이터를 사용하여 편집기에 선형 차트 블록을 추가했습니다. 내가 해야 할 유일한 조정은 "곡선" 옵션이었습니다. 나는 내 선이 파도에 흐르지 않고 직선으로 보이길 원했습니다. 내가 그 시점에서 내가 필요하다는 것을 알기도 전에 팀이 모든 것을 생각하고 있는지 이미 궁금했습니다.

좋은 측정을 위해 파이 차트 블록을 테스트했습니다. 내가 가끔 사용할 수있는 차트 유형입니다. 전반적으로 다른 사람들과 마찬가지로 수행되었습니다.

내가 놓친 기능은 화면의 각 파이 세그먼트에 대한 데이터를 인쇄하는 것이었습니다. 데이터는 마우스 오버 또는 포커스에 대한 팝업을 통해 사용할 수 있지만 방문자는 한 번에 모든 세그먼트 데이터를 볼 수 없습니다.

물론 Polar Area Chart와 Radar Chart 블록에 많은 시간을 할애하지 않았습니다. 그들에 대한 나의 경험은 실제 시나리오에서는 존재하지 않으므로 다른 사람들이 원할 수 있는 기능이 있는지 확실하지 않습니다. 나는 그들이 작동하는지 확인하기 위해 단순히 테스트했습니다. 세트의 다른 블록과 마찬가지로 문제가 발생하지 않았습니다.

플러그인 블록에 통합된 제목 또는 캡션 옵션을 보고 싶습니다. 그러나 두 가지 모두 표제 또는 단락 블록으로 쉽게 추가할 수 있습니다. 배경과 일치시키려면 다음 스크린샷과 같이 그룹 블록으로 래핑하면 도움이 됩니다.

몇 가지 다른 환영 기능은 블록 갭 또는 여백 지원과 함께 X 및 Y축 라인 및 데이터 텍스트에 대한 색상 옵션입니다. 범례 간격은 약간 남겨두고 차트 출력에 너무 가깝게 맞붙는 경우가 많습니다. 몇 가지 위치 지정 옵션이 있지만 특히 상단 또는 하단에 앉을 때 약간의 추가 공백이 필요합니다.

전반적으로, 나는 불평할 것이 별로 없었습니다. Hello Charts는 WordPress 블록 시스템용으로 구축된 것처럼 작동하는 차트 솔루션이 필요한 사람에게 추천하고 싶은 플러그인입니다.

구매 흐름 및 설정

현재 무료 블록 플러그인에서 약간의 마일리지를 얻을 수 있지만 Hello Charts는 가격을 업그레이드할 가치가 있습니다. 가치에 비해 가격이 낮을 수도 있습니다. 팀이 CSV 가져오기로 빌드하면 완전히 도용될 것입니다.

사용자는 5가지 개별 블록 유형을 개별적으로 $4에 구매하거나 업그레이드하여 $16에 모두 얻을 수 있습니다. 이들은 지원 없이 단일 사이트에 대한 평생 업데이트를 제공합니다. 무제한 사이트와 1년 지원에 대해 더 높은 $199 등급이 있습니다.

사용자가 설치해야 하는 플러그인은 하나만 있습니다. 각 블록 유형은 플러그인에 번들로 제공됩니다. 사용자는 기술적으로 라이센스 키를 구입하여 각 키를 활성화합니다.

Carbis는 이 구매 흐름이 어떻게 작동하는지 테스트하고 피드백을 제공하기 위해 할인 코드를 제공했습니다. 팀은 블록을 구매하는 다른 경로를 원했습니다. 사용자를 위한 전부 아니면 전무 거래를 생성하는 대신 실제로 필요한 것을 구매할 수 있습니다. "따라서 막대 차트가 필요하면 막대 차트 블록을 구입하십시오."라고 Carbis는 말했습니다. "또는 모든 차트 유형을 세트로 가져올 수 있습니다."

구매 절차를 진행하는 데 문제가 없었습니다. 다른 것보다 더 자주 필요하게 될 블록인 막대 차트로 시작했습니다. 그런 다음 전체 세트로 업그레이드했습니다.

플러그인에 설정 페이지가 없었기 때문에 처음에 내가 겪었던 유일한 딸꾹질은 라이선스를 활성화하는 방법을 알아내는 것이었습니다. 라이선스 필드는 실제로 플러그인 관리 화면에 있습니다.

각 블록 유형에 대해 별도의 라이선스를 사용하는 것의 단점은 사용자가 하나의 키를 입력하고 제출하고 페이지가 다시 로드될 때까지 기다렸다가 플러그인까지 아래로 스크롤한 다음 다른 라이선스로 처음부터 다시 시작해야 한다는 것입니다. 그 과정이 너무 고통스러워서 관심도 없는 차트 종류에 대한 테스트를 포기하고 싶었습니다. 그러나 라이센스 키를 입력하고 라이센스 키를 입력하면서 앞으로 갔습니다.

예, 조금 과장된 것이지만 한 번에 여러 라이센스 키를 입력하거나 페이지 로드를 기다리지 않는 것이 훨씬 쉬울 것입니다. 이것은 플러그인의 나머지 부분이 설정한 표준에 부합하지 않는 경험의 한 부분일 뿐입니다.