Hello Charts wprowadza natywne środowisko budowania wykresów dla edytora bloków

Luke Carbis i Rob Stinson, dwaj z trzyosobowego zespołu Block Lab, który WP Engine odebrał w 2020 r., Powrócili do nowego projektu. Tym razem dołącza do nich Byron Keet. Trio zajmuje przestrzeń wykresów WordPress za pomocą zestawu bloków o nazwie Hello Charts.

„Niektórzy wprowadzają oferty w Czarny piątek” – napisał zespół w zeszłym tygodniu w swoim drugim tweecie od lipca. „Wprowadzamy na rynek cały produkt!”

Carbis zwrócił uwagę, że zespół dążył do stworzenia natywnej wtyczki edytora bloków. Nie ma ekranów administracyjnych ani stron ustawień, a użytkownik po prostu pracuje z edytora.

Materiały marketingowe na stronie głównej witryny twierdzą, że Hello Charts to „pierwszy edytor bloków zbudowany z wtyczek do wykresów”. Jednak wykresy SB istnieją od prawie roku, a Chart Block wylądował w katalogu wtyczek WordPressa kilka tygodni temu. Charts Blocks dla Gutenberga, który obsługuje import CSV, otrzymał swoją pierwszą wersję pół roku temu, ale od tego czasu nie był aktualizowany.

Twierdzenie, że jest się pierwszym, jest być może pomyłką w marketingu. Jedynym powodem, dla którego od razu to zauważyłem, jest to, że przez jakiś czas bacznie obserwowałem podobne wtyczki, mając nadzieję na znalezienie przyzwoitego rozwiązania wykresów dla edytora bloków. Chociaż Hello Charts może nie być technicznie pierwszym, który wyląduje, oferuje jak dotąd najlepsze wrażenia użytkownika.

W większości przypadków polegam na wykresach słupkowych i liniowych. Jednak wtyczka oferuje łącznie pięć typów bloków:

• Wykres słupkowy
• Wykres liniowy
• Wykres kołowy
• Wykres obszaru polarnego
• Wykres radarowy

Każdy działa prawie tak samo podczas wprowadzania danych i dostosowywania danych wyjściowych. Istnieje kilka opcji i kontrolek, które są specyficzne dla każdego typu. Ponadto użytkownicy mogą przechodzić z jednego bloku wykresu do drugiego i z powrotem za jednym kliknięciem przycisku bez utraty danych.

Po zapoznaniu się z opcjami zbudowałem trzyletni wykres danych sprzedaży produktów w ujęciu miesięcznym. Zacząłem od bloku wykresu słupkowego, który miał największy sens. Każdy z bloków ma przycisk „Edytuj dane wykresu”. Kliknięcie go otwiera na ekranie nakładkę, która działa jak typowy program do obsługi arkuszy kalkulacyjnych.

Użytkownicy mogą przechodzić przez każdą komórkę, dodając dane i tworząc nowe zestawy danych lub wiersze. Istnieją opcje duplikowania zbiorów danych lub dodawania nowych przed/po kliknięciu przycisku wielokropka. To wszystko wydawało się proste dla kogoś, kto nie spędził dużo czasu na pracy z arkuszami kalkulacyjnymi od czasu lekcji obsługi komputera w liceum.

Po kilku minutach miałem wykres słupkowy. Wszystko, co musiałem zrobić, to dostosować go do kolorów mojego motywu.

Opcje dostosowywania wtyczki były obfite, ale wystarczająco wyważone, aby nie stać się przytłaczające. Chciałem po prostu, aby pasował do projektu mojego motywu bez większego zamieszania i nie zajęło to dużo czasu.

Dodałem blok wykresu liniowego do edytora, używając moich istniejących danych. Jedyną zmianą, jaką musiałem wprowadzić, była opcja „Curve”. Chciałem, żeby moje linie wyglądały prosto, zamiast płynąć falami. Zastanawiałem się już, czy zespół pomyślał o wszystkim, zanim wiedziałem, że nawet tego potrzebuję w tym momencie.

Na wszelki wypadek przetestowałem blok wykresu kołowego. Jest to typ wykresu, z którego mogę korzystać od czasu do czasu. Ogólnie spisał się równie dobrze jak inni.

Brakowało mi funkcji drukowania danych dla każdego segmentu ciasta na ekranie. Dane są dostępne w wyskakującym okienku po najechaniu kursorem lub fokusie, ale użytkownicy nie mogą zobaczyć wszystkich danych segmentu naraz.

Trzeba przyznać, że nie spędzałem dużo czasu z blokami Wykresu Polarnego i Wykresu Radarowego. Moje doświadczenie z nimi nie istnieje w rzeczywistych scenariuszach, więc nie mam solidnego pojęcia, czy są funkcje, których inni mogą chcieć. Po prostu przetestowałem je, aby upewnić się, że działają. Podobnie jak inne klocki w zestawie, nie trafiłem na żadne problemy.

Chciałbym zobaczyć opcję tytułu lub podpisu zintegrowaną z blokami wtyczki. Jednak oba można łatwo dodać za pomocą bloku Nagłówek lub Akapit. Aby dopasować tło, pomaga zawijanie w blok Grupa, jak pokazano na poniższym zrzucie ekranu:

Kilka innych mile widzianych funkcji to opcje kolorów dla linii osi X i Y oraz tekst danych wraz z obsługą przerw między blokami lub marginesów. Odstępy między legendami pozostawiały trochę do życzenia, często zbyt blisko wyników wykresu. Ma kilka opcji pozycjonowania, ale potrzebuje dodatkowej białej przestrzeni, zwłaszcza gdy znajduje się na górze lub na dole.

Ogólnie nie mogłem znaleźć zbyt wiele do narzekania. Hello Charts to wtyczka, którą polecam każdemu, kto potrzebuje rozwiązania wykresu, które działa tak, jak zostało zbudowane dla systemu blokowego WordPress.

Przepływ zakupów i konfiguracja

Możesz uzyskać trochę przebiegu z obecnych darmowych wtyczek blokowych, ale Hello Charts jest warte aktualizacji ceny. Może nawet być zaniżona w stosunku do tej wartości. Jeśli zespół buduje w importowanych plikach CSV, byłaby to zwykła kradzież.

Użytkownicy mogą kupić pięć poszczególnych typów bloków za 4 USD indywidualnie lub uaktualnić, aby uzyskać je wszystkie za 16 USD. Oferują one dożywotnie aktualizacje dla jednej witryny bez wsparcia. Istnieje wyższy poziom 199 USD za nieograniczoną liczbę witryn i rok wsparcia.

Jest tylko jedna wtyczka, którą użytkownicy muszą zainstalować. Każdy z typów bloków jest dołączony do wtyczki. Użytkownicy technicznie kupują klucz licencyjny, aby aktywować każdy z nich.

Carbis zaoferował mi kody rabatowe, aby sprawdzić, jak działał ten przepływ zakupów i przekazać opinię. Zespół chciał obrać inną drogę z zakupem klocków. Zamiast tworzyć ofertę „wszystko albo nic” dla użytkowników, mogliby po prostu kupić to, czego naprawdę potrzebują. „Więc jeśli potrzebujesz wykresu słupkowego, po prostu kup blok wykresu słupkowego”, powiedział Carbis. „Albo możesz otrzymać wszystkie typy wykresów jako zestaw”.

Nie miałem problemów z przechodzeniem przez proces zakupów. Zacząłem od Wykresu Słupkowego, bloku, którego potrzebowałbym częściej niż inne. Następnie uaktualniłem do całego zestawu.

Jedyną przeszkodą, jaką miałem na początku, było zastanowienie się, jak aktywować licencje, ponieważ wtyczka nie miała strony ustawień. Pole licencji znajduje się w rzeczywistości na ekranie administratora wtyczek.

Wadą posiadania oddzielnych licencji dla każdego typu bloku jest to, że użytkownicy muszą wprowadzić klucz dla jednego z nich, przesłać go, poczekać na ponowne załadowanie strony, przewinąć w dół do wtyczki i zacząć od nowa z inną licencją. Proces był tak bolesny, że chciałem zrezygnować z testowania typów wykresów, którymi nie byłem zainteresowany. Jednak naciskałem dalej, wpisując klucz licencyjny za kluczem licencyjnym.

Tak, trochę przesadzam, ale o wiele łatwiej byłoby wprowadzić wiele kluczy licencyjnych na raz lub nie czekać na załadowanie strony. Tak się złożyło, że była to część doświadczenia, która nie spełniała standardów ustalonych przez resztę wtyczki.