Hello Charts lanza una experiencia nativa de creación de gráficos para el editor de bloques

Luke Carbis y Rob Stinson, dos del equipo de tres personas de Block Lab que WP Engine recogió en 2020, vuelven a estar juntos en un nuevo proyecto. Esta vez, se les une Byron Keet. El trío está tomando el espacio de gráficos de WordPress a través de un conjunto de bloques llamados Hello Charts.

“Algunas personas lanzan ofertas el Black Friday”, escribió el equipo la semana pasada en su segundo tuit desde julio. “¡Estamos lanzando un producto completo!”

Carbis señaló que el equipo se esforzó por crear un complemento nativo de editor de bloques. No hay pantallas de administración ni páginas de configuración, y el usuario solo trabaja desde el editor.

El material de marketing en la página de inicio del sitio web afirma que Hello Charts es "el primer editor de bloques creado por el complemento de gráficos primero". Sin embargo, SB Charts existe desde hace casi un año, y Chart Block llegó al directorio de complementos de WordPress hace varias semanas. Charts Blocks for Gutenberg, que admite importaciones de CSV, obtuvo su lanzamiento inicial hace medio año, pero no se ha actualizado desde entonces.

La afirmación de ser el primero es, quizás, un desliz en el marketing. La única razón por la que lo vi de inmediato es porque he estado observando de cerca complementos similares durante un tiempo, con la esperanza de encontrar una solución de gráficos decente para el editor de bloques. Si bien es posible que Hello Charts no sea técnicamente el primero en aterrizar, ofrece la mejor experiencia de usuario hasta el momento.

Para la mayoría de los casos, confío en gráficos de barras y líneas. Sin embargo, el complemento ofrece cinco tipos de bloques en total:

• Gráfico de barras
• Gráfico de linea
• Gráfico circular
• Gráfico de área polar
• Carta de radar

Cada uno funciona casi igual al ingresar datos y personalizar la salida. Hay algunas opciones y controles que son específicos para cada tipo. Además, los usuarios pueden transformar de un bloque de gráficos a otro y viceversa con solo hacer clic en un botón sin perder datos.

Después de familiarizarme con las opciones, construí un gráfico de datos de ventas de productos de tres años por mes. Empecé con el bloque de gráfico de barras, que tenía más sentido. Cada uno de los bloques tiene un botón "Editar datos del gráfico". Al hacer clic en él, se abre una superposición en la pantalla que funciona como un programa típico de hoja de cálculo.

Los usuarios pueden tabular a través de cada celda, agregar datos y crear nuevos conjuntos de datos o filas. Hay opciones para duplicar conjuntos de datos o agregar nuevos antes/después haciendo clic en el botón de puntos suspensivos. Todo se sintió sencillo para alguien que no ha pasado mucho tiempo trabajando con un software de hoja de cálculo desde la clase de computación de la escuela secundaria.

Después de un par de minutos, tenía un gráfico de barras. Todo lo que tenía que hacer era ajustarlo para usar los colores de mi tema.

Las opciones de personalización del complemento eran abundantes pero lo suficientemente equilibradas como para no volverse autoritarias. Solo quería que coincidiera con el diseño de mi tema sin mucho alboroto, y no tomó mucho tiempo para que eso sucediera.

Agregué un bloque de gráfico de líneas al editor usando mis datos existentes. El único ajuste que necesitaba hacer era la opción "Curva". Quería que mis líneas se vieran rectas en lugar de fluir en ondas. Ya me preguntaba si el equipo había pensado en todo antes de saber que lo necesitaba en ese momento.

Por si acaso, probé el bloque de gráfico circular. Es un tipo de gráfico del que puedo obtener un uso ocasional. En general, se desempeñó tan bien como los demás.

La característica que me perdí fue imprimir los datos de cada uno de los segmentos circulares en la pantalla. Los datos están disponibles a través de una ventana emergente al pasar el mouse o enfocar, pero los visitantes no pueden ver todos los datos del segmento a la vez.

Es cierto que no pasé mucho tiempo con los bloques Gráfico de área polar y Gráfico de radar. Mi experiencia con ellos es inexistente en escenarios del mundo real, por lo que no tengo un conocimiento sólido sobre si hay funciones que otros podrían desear. Simplemente los probé para asegurarme de que funcionaban. Al igual que los otros bloques del conjunto, no tuve problemas.

Me gustaría ver una opción de título o subtítulo integrada en los bloques del complemento. Sin embargo, ambos se agregan fácilmente con un bloque de encabezado o párrafo. Para que coincida con el fondo, envolver en un bloque de grupo ayuda, como se muestra en la siguiente captura de pantalla:

Un par de otras características bienvenidas serían las opciones de color para las líneas de los ejes X e Y y el texto de datos junto con la compatibilidad con espacios en bloque o márgenes. El espaciado de la leyenda dejaba un poco que desear, a menudo demasiado cerca de la salida del gráfico. Tiene varias opciones de posicionamiento, pero necesita algunos espacios en blanco adicionales, especialmente cuando se encuentra en la parte superior o inferior.

En general, no pude encontrar mucho de qué quejarme. Hello Charts es un complemento que recomendaría a cualquier persona que necesite una solución de gráficos que funcione como si hubiera sido creada para el sistema de bloques de WordPress.

Flujo de compras y configuración

Puede aprovechar un poco los complementos de bloque gratuitos actuales, pero Vale la pena actualizar el precio de Hello Charts. Incluso puede tener un precio inferior al valor. Si el equipo incorpora importaciones CSV, sería un robo absoluto.

Los usuarios pueden comprar los cinco tipos de bloques individuales por $4 individualmente o actualizar para obtenerlos todos por $16. Estos ofrecen actualizaciones de por vida para un solo sitio sin soporte. Hay un nivel más alto de $199 para sitios ilimitados y un año de soporte.

Solo hay un complemento que los usuarios deben instalar. Cada uno de los tipos de bloques está incluido en el complemento. Los usuarios técnicamente están comprando una clave de licencia para activar cada uno.

Carbis me ofreció códigos de descuento para probar cómo funcionaba este flujo de compras y proporcionar comentarios. El equipo quería tomar una ruta diferente con la compra de bloques. En lugar de crear un trato de todo o nada para los usuarios, podrían simplemente comprar lo que realmente necesitan. “Entonces, si necesita un gráfico de barras, simplemente compre un bloque de gráfico de barras”, dijo Carbis. "O puede obtener todos los tipos de gráficos como un conjunto".

No tuve problemas para pasar por el flujo de compras. Empecé con el gráfico de barras, un bloque que necesitaría con más frecuencia que los demás. Luego, actualicé a todo el conjunto.

El único contratiempo que tuve al principio fue descubrir cómo activar las licencias ya que el complemento no tenía una página de configuración. El campo de licencia se encuentra en realidad en la pantalla de administración de complementos.

La desventaja de tener licencias separadas para cada tipo de bloque es que los usuarios deben ingresar la clave para una, enviarla, esperar a que la página se vuelva a cargar, desplazarse hacia abajo hasta el complemento y comenzar de nuevo con otra licencia. El proceso fue tan doloroso que quise renunciar a probar los tipos de gráficos que no me interesaban. Sin embargo, seguí adelante, ingresando clave de licencia tras clave de licencia.

Sí, estoy exagerando un poco, pero sería mucho más fácil ingresar varias claves de licencia a la vez o no esperar a que se cargue la página. Esto resultó ser una parte de la experiencia que no cumplió con el estándar establecido por el resto del complemento.