Hello Charts lansează o experiență nativă de creare a diagramelor pentru Editorul de blocuri

Luke Carbis și Rob Stinson, doi din echipa Block Lab de trei persoane pe care WP Engine a preluat-o în 2020, sunt din nou împreună într-un nou proiect. De data aceasta, li se alătură Byron Keet. Trio-ul preia spațiul graficelor WordPress printr-o suită de blocuri numită Hello Charts.

„Unii oameni lansează oferte de Vinerea Neagră”, a scris echipa săptămâna trecută în doar al doilea tweet din iulie. „Lansăm un produs întreg!”

Carbis a subliniat că echipa sa străduit să creeze un plugin nativ pentru editor de blocuri. Nu există ecrane de administrare sau pagini de setări, iar utilizatorul lucrează doar din editor.

Materialul de marketing de pe pagina de pornire a site-ului susține că Hello Charts este „primul editor de blocuri creat primul plugin pentru diagrame”. Cu toate acestea, SB Charts există de aproape un an, iar Chart Block a ajuns în directorul de pluginuri WordPress cu câteva săptămâni în urmă. Charts Blocks pentru Gutenberg, care acceptă importurile CSV, a primit lansarea inițială cu jumătate de an în urmă, dar nu a fost actualizat de atunci.

Pretenția de a fi primul este, probabil, un derapaj în marketing. Singurul motiv pentru care l-am observat imediat este că am urmărit cu atenție pluginurile similare de ceva vreme, sperând să găsesc o soluție decentă pentru grafice pentru editorul de blocuri. Deși, din punct de vedere tehnic, Hello Charts poate să nu fie primul care a aterizat, acesta oferă cea mai bună experiență de utilizator de până acum.

În cele mai multe cazuri, mă bazez pe diagrame cu bare și linii. Cu toate acestea, pluginul oferă cinci tipuri de blocuri în total:

• Diagramă cu bare
• Diagramă cu linii
• Graficul proporțiilor
• Diagrama zonei polare
• Diagrama radar

Fiecare funcționează aproape la fel atunci când introduceți date și personalizați rezultatul. Există câteva opțiuni și controale specifice fiecărui tip. În plus, utilizatorii se pot transforma dintr-un bloc de diagrame în altul și înapoi din nou la un clic pe un buton, fără a pierde date.

După ce m-am familiarizat cu opțiunile, am construit un grafic de trei ani cu datele vânzărilor de produse pe lună. Am început cu Bar Chart Block, care avea cel mai mult sens. Fiecare dintre blocuri are un buton „Editați datele diagramei”. Făcând clic pe acesta, se deschide o suprapunere pe ecran care funcționează ca un program tipic de foi de calcul.

Utilizatorii pot trece prin fiecare celulă, adăugând date și creând noi seturi de date sau rânduri. Există opțiuni pentru a duplica seturi de date sau pentru a adăuga altele noi înainte/după făcând clic pe butonul puncte suspensie. Totul s-a părut simplu pentru cineva care nu a petrecut mult timp lucrând cu software pentru foi de calcul de la ora de computere din liceu.

După câteva minute, am avut o diagramă cu bare. Tot ce trebuia să fac a fost să-l ajustez pentru a folosi culorile temei mele.

Opțiunile de personalizare ale pluginului au fost abundente, dar suficient de echilibrate pentru a nu deveni dominatoare. Am vrut doar să se potrivească cu designul temei mele fără multă agitație și nu a durat mult pentru ca acest lucru să se întâmple.

Am adăugat un bloc Line Chart la editor folosind datele mele existente. Singura ajustare pe care trebuia să o fac a fost opțiunea „Curba”. Am vrut ca liniile mele să arate drepte în loc să curgă în valuri. Deja mă întrebam dacă echipa s-a gândit la toate înainte de a-mi da seama că chiar am nevoie de el în acel moment.

Pentru o bună măsură, am testat blocul Pie Chart. Este un tip de diagramă pe care s-ar putea să-l folosesc ocazional. În general, a funcționat la fel de bine ca și celelalte.

Caracteristica pe care am ratat-o ​​a fost tipărirea datelor pentru fiecare dintre segmentele plăcintei de pe ecran. Datele sunt disponibile printr-o fereastră pop-up la trecerea cu mouse-ul sau la focalizare, dar vizitatorii nu pot vedea toate datele segmentului simultan.

Desigur, nu am petrecut mult timp cu blocurile Polar Area Chart și Radar Chart. Experiența mea cu ei este inexistentă în scenariile din lumea reală, așa că nu am o înțelegere solidă dacă există caracteristici pe care alții le-ar putea dori. Pur și simplu le-am testat pentru a mă asigura că funcționează. Ca și celelalte blocuri din set, nu am lovit nicio problemă.

Aș dori să văd o opțiune de titlu sau de lege integrată în blocurile pluginului. Cu toate acestea, ambele sunt ușor adăugate cu un bloc Titlu sau Paragraf. Pentru a se potrivi cu fundalul, împachetarea într-un bloc de grup ajută, așa cum se arată în următoarea captură de ecran:

Alte câteva caracteristici binevenite ar fi opțiunile de culoare pentru liniile axelor X și Y și textul datelor, împreună cu suportul pentru blocuri sau margini. Spațierea legendelor a lăsat puțin de dorit, de multe ori apropiindu-se prea mult de rezultatul diagramei. Are mai multe opțiuni de poziționare, dar are nevoie de spațiu alb suplimentar, mai ales când se află în partea de sus sau de jos.

În general, nu am găsit prea multe de ce să mă plâng. Hello Charts este un plugin pe care l-aș recomanda oricui are nevoie de o soluție de diagrame care să funcționeze ca și cum ar fi fost creată pentru sistemul de blocuri WordPress.

Flux de achiziție și configurare

Puteți obține un pic de kilometraj din pluginurile de bloc gratuite actuale, dar Hello Charts merită actualizarea prețului. Poate fi chiar sub preț pentru valoare. Dacă echipa integrează importurile CSV, ar fi un furt de-a dreptul.

Utilizatorii pot cumpăra cele cinci tipuri de blocuri individuale pentru 4 USD individual sau pot face upgrade pentru a le obține pe toate la 16 USD. Acestea oferă actualizări pe viață pentru un singur site fără suport. Există un nivel mai mare de 199 USD pentru site-uri nelimitate și un an de asistență.

Există doar un singur plugin pe care utilizatorii trebuie să îl instaleze. Fiecare dintre tipurile de bloc este inclus în plugin. Din punct de vedere tehnic, utilizatorii cumpără o cheie de licență pentru a le activa pe fiecare.

Carbis mi-a oferit coduri de reducere pentru a testa modul în care a funcționat acest flux de achiziții și pentru a oferi feedback. Echipa a vrut să urmeze un alt traseu cu blocuri de achiziție. În loc să creeze o ofertă cu totul sau nimic pentru utilizatori, aceștia ar putea doar să cumpere ceea ce au nevoie de fapt. „Așa că, dacă aveți nevoie de o diagramă cu bare, cumpărați un bloc cu diagramă cu bare”, a spus Carbis. „Sau puteți obține toate tipurile de diagrame ca un set.”

Nu am avut probleme în trecerea prin fluxul de achiziție. Am început cu Bar Chart, un bloc de care aș avea nevoie mai des decât celelalte. Apoi, am făcut upgrade la întregul set.

Singurul sughiț pe care l-am avut la început a fost să îmi dau seama cum să activez licențele, deoarece pluginul nu avea o pagină de setări. Câmpul de licență este de fapt pe ecranul de administrare a pluginurilor.

Dezavantajul de a avea licențe separate pentru fiecare tip de bloc este că utilizatorii trebuie să introducă cheia pentru unul, să o trimită, să aștepte ca pagina să se reîncarce, să deruleze în jos la plugin și să înceapă totul de la capăt cu o altă licență. Procesul a fost atât de dureros încât am vrut să renunț la testarea tipurilor de diagrame care nu mă interesează. Cu toate acestea, am apăsat înainte, introducând cheia de licență după cheia de licență.

Da, exagerez puțin, dar ar fi mult mai ușor să introduceți mai multe chei de licență simultan sau să nu așteptați încărcarea paginii. Aceasta sa întâmplat să fie o parte a experienței care nu s-a ridicat la standardul stabilit de restul pluginului.