Los mejores complementos de WordPress para crear cuadros y gráficos dinámicos

Ofertas de WordPress


Si desea agregar credibilidad adicional a sus publicaciones, cuantos más datos pueda proporcionar, mejor.

Sin embargo, esto plantea la cuestión de la mejor manera de presentar estos datos. Hacer una lista interminable de sus cifras y estadísticas dificulta a los usuarios comprender su mensaje y, por supuesto, ¡es aburrido! La mayoría de las personas encuentran que los datos son más fáciles de digerir cuando se presentan en un formato visual, como gráficos y cuadros.

A pesar del impulso que le da a su autoridad y credibilidad, agregar datos visuales en sus publicaciones, gráficos y tablas es algo que la mayoría de los webmasters pasan por alto. Cuando ve un gráfico, generalmente es solo una imagen que se ha insertado, en lugar de una dinámica..

Ahora, el uso de una imagen aún transmitirá su mensaje, y está bien si nunca planea actualizar sus datos. Sin embargo, si los números pueden cambiar o si planea agregar las últimas cifras a medida que estén disponibles, esta táctica simplemente no funcionará. Para esto, deberá crear un gráfico dinámico.

Afortunadamente, hay una serie de complementos fantásticos disponibles para simplificar el proceso de creación de gráficos y cuadros dinámicos y de excelente aspecto. Si está buscando una manera de aumentar las ventas mediante la inclusión de algunos datos para respaldar su discurso, consulte estos.

1. Gráficos de WordPress – GRATIS

WordPress Charts es una solución de gráficos fácil de usar que se puede descargar gratis. Utiliza Chart.js y HTML5 para crear gráficos animados..

Hay seis gráficos disponibles: gráfico circular, gráfico de anillos, gráfico de área polar, gráfico de barras, gráfico de líneas y gráfico de radar, y puede insertarlos en su sitio web mediante códigos cortos o mediante un widget.

Encontrará el área de códigos cortos en el menú Medios en su área de administración de WordPress. Se proporciona un shortcode de ejemplo para cada tipo de gráfico, y debajo hay una lista de docenas de atributos de shortcode que se pueden usar para construir sus gráficos..

WordPress Charts Shortcodes

Los gráficos se ven fantásticos: se cargan rápidamente y se animan cuando se cargan por primera vez, lo que hace que su página se vea muy profesional.

Para cambiar cualquier aspecto de su gráfico, simplemente necesita modificar los valores y atributos en el shortcode.

Gráficos de WordPress Gráfico de área polar

Si está buscando una solución de gráficos simple, WordPress Charts es una buena opción, ya que hace que agregar gráficos básicos sea muy fácil.

Aquellos de ustedes que buscan agregar gráficos más complejos pueden encontrar el sistema de códigos cortos y la falta de opciones un poco frustrante, por lo que recomiendo buscar una solución más avanzada.

Descargar / Sitio web oficial

2. Visualizador – GRATIS / más de £ 57

Visualizer es una solución versátil de gráficos y tablas de ThemeIsle.

En la versión gratuita, puede crear tablas, gráficos circulares, gráficos de líneas, gráficos de área, gráficos geográficos, gráficos de barras, gráficos de columnas y gráficos de dispersión.

Si está utilizando el editor clásico de WordPress, verá un botón para Visualizer en la barra de herramientas; cuando se usa Gutenberg, Visualizer estará disponible en el menú del bloque principal. Asegúrese de que el modo “Editor visual” esté seleccionado en ambas configuraciones para ver el botón Visualizador.

Visualizador

Desafortunadamente, cuando se usaba Gutenberg, no pude crear un nuevo gráfico. Tuve que cambiar al editor clásico para ver los gráficos disponibles.

Curiosamente, puede insertar gráficos que creó anteriormente cuando Gutenberg está activado; simplemente no puede crear nuevos.

Gutenberg en Visualizer

Cambiar al Editor clásico le permite ver todas las opciones de gráficos, incluidas las opciones de gráficos premium que no están disponibles en la versión gratuita.

Opciones de gráfico visualizador

Los datos se pueden cargar para su tabla o gráfico desde un archivo CSV. Puede cargar esto directamente o importar desde una URL.

Gráfico de columnas del visualizador

Una versión premium de Visualizer está disponible desde £ 57 por año. Agrega cuatro tipos de gráficos más: indicador, vela, línea de tiempo y combo.

Una de las mejores características de la versión premium es la capacidad de crear gráficos a partir de publicaciones, páginas y otros tipos de publicaciones personalizadas. También hay opciones adicionales disponibles para gráficos, y agrega funcionalidad para crear gráficos privados y para que los usuarios editen gráficos.

Si bien la versión premium de Visualizer agrega muchas opciones útiles, sospecho que la mayoría de los usuarios de WordPress estarán contentos con las características disponibles en la versión gratuita.

Descargar / Sitio web oficial

3. Gráficos fáciles: GRATIS

Easy Charts es una solución de gráficos gratuita que se desarrolló utilizando la biblioteca Javascript uvCharts.

Hay un total de 12 tipos de gráficos disponibles: gráfico de barras, gráfico de barras apiladas, gráfico de barras de aumento, gráfico de barras porcentuales, gráfico de área, gráfico de áreas apiladas, gráfico de áreas porcentuales, gráfico de líneas, gráfico circular, gráfico de donas, gráfico de área polar y cascada gráfico.

Los gráficos se agregan como un tipo de publicación personalizada, y usted agrega datos a través de una tabla personalizable que le permite cambiar fácilmente las figuras. Se pueden agregar columnas y filas con solo hacer clic en un botón.

Se muestra un código corto para su gráfico. Sin embargo, si lo prefiere, puede insertar gráficos usando el botón Easy Charts de la página del editor, y simplemente seleccionando el que desea insertar.

Agregar datos en gráficos fáciles

Mientras haya guardado sus datos, podrá ver una vista previa de su gráfico.

Al cambiar el tipo de gráfico en el área de configuración y luego guardar su gráfico nuevamente, puede ver cómo se ven sus datos en los 12 tipos de gráficos.

Vista previa del gráfico

La cantidad de opciones de personalización disponibles en Easy Charts es increíble. Todos los aspectos de su gráfico pueden modificarse, ya sea estilo, márgenes, etiquetas, tipografía o subtítulos.

Configuración de carta

No hay un área de configuración general disponible para Easy Charts, pero hay una página de información que detalla características como la posibilidad de que los usuarios descarguen gráficos como imágenes.

Con un montón de opciones, 12 tipos de gráficos y varios esquemas de color prefabricados, Easy Charts es una gran opción.

Descargar / Sitio web oficial

4. Gráficos de WordPress & Gráficos – GRATIS

Desarrollado con HTML5, el framework Vue.js Javascript y Chart.js, WordPress Graphs & Charts es una solución simple que admite ocho tipos de gráficos.

Los tipos de gráfico disponibles son gráfico circular, gráfico de anillos, gráfico polar, gráfico de barras, gráfico de líneas, gráfico de radar, gráfico de burbujas y gráfico de dispersión.

Si el editor clásico está activado, verá un botón para “Insertar gráfico” en la barra de herramientas del editor. Desafortunadamente, cuando Gutenberg está activo, no hay bloque disponible para gráficos de WordPress & Gráficos Obviamente, este es un problema que debe resolverse, ya que Gutenberg está activo por defecto en WordPress ahora.

Botón de gráficos y tablas de WordPress

Cuando haga clic en el botón “Insertar gráfico”, se le invitará a agregar un gráfico. Luego puede seleccionar el tipo de gráfico que le gustaría usar.

Seleccionar un gráfico

Me encanta cómo el complemento te permite agregar datos a un gráfico. Cada vez que agrega datos, define etiquetas o cambia colores, las modificaciones se actualizan inmediatamente en la vista previa del gráfico en el lado derecho. En este sentido, funciona de manera similar al personalizador de WordPress.

Cuando haya terminado, el gráfico se insertará en su área de contenido a través de un código corto. Puede volver y editar sus gráficos en cualquier momento haciendo clic en el botón “Insertar gráfico” nuevamente. Allí se mostrará una lista de sus gráficos creados..

Carta polar

Gráficos de WordPress & Los gráficos son una buena alternativa a los gráficos de WordPress. Es un complemento básico que no le permite cambiar el tipo de gráficos que ha creado, ni le permite cargar datos a través de archivos CSV.

A pesar de estas limitaciones, es fácil recomendar gráficos de WordPress & Gráficos para cualquier persona que solo quiera agregar cuadros y gráficos simples a su contenido. Con suerte, agregarán soporte para Gutenberg en el futuro.

Descargar / Sitio web oficial

5. Gráficos receptivos – $ 16

Responsive Charts es una solución de gráficos asequible que le permite crear siete tipos de gráficos animados.

Todos los gráficos se crean con Charts.js. Los siete tipos de gráfico son gráfico circular, gráfico de anillos, gráfico de barras, gráfico de líneas, gráfico polar, gráfico de radar y barras de progreso de arranque.

Los gráficos se pueden insertar en su contenido usando códigos cortos, o directamente en plantillas de página usando PHP. En el área de configuración del gráfico, puede nombrar su gráfico, seleccionar su tipo de gráfico y definir el ancho del gráfico.

Hay un área de configuración de estilo grande con docenas de opciones también. Desde aquí puede cambiar los márgenes, el relleno, la tipografía y los colores..

Configuración de gráficos y configuraciones de estilo

Los datos se pueden insertar manualmente en la parte inferior de la página en múltiples conjuntos de datos.

Si lo prefiere, puede cargar datos directamente a través de un archivo CSV. Se proporciona una plantilla CSV para ayudarlo a ver cómo se pueden organizar los datos antes de cargarlos.

Conjuntos de datos

Desafortunadamente, no hay forma de obtener una vista previa de su gráfico mientras lo crea. Debe insertar el shortcode en su área de contenido para obtener una vista previa y ver los cambios que haya realizado..

Afortunadamente, los gráficos que se insertan en su sitio web se ven geniales.

Ejemplos de gráficos receptivos

Si bien no es de descarga gratuita, a $ 16 Responsive Charts es una solución bastante asequible. Tiene muchas opciones de estilo útiles y le permite cargar grandes cantidades de datos utilizando archivos CSV.

Asegúrese de consultar la demostración de administración de Gráficos receptivos para comprender mejor lo que puede hacer el complemento.

Descargar / Sitio web oficial

6. amCharts: Gráficos y mapas – GRATIS

En comparación con los otros complementos de este artículo, amCharts: Charts and Maps está más orientado a usuarios avanzados de WordPress que a principiantes. El complemento fue desarrollado por el servicio Javascript de gráficos y mapas, amCharts.

Hay nueve tipos de gráficos disponibles: gráfico XY, gráfico circular, gráfico en rodajas, diagrama sankey, gráfico de radar, gráfico de indicadores, diagrama de acordes, mapa de árbol y mapa.

En el área de configuración del complemento, puede elegir si los recursos se almacenan de forma remota o local. También puede agregar recursos personalizados a la extensa lista existente de bibliotecas Javascript.

Configuración de amCharts

Para cada tipo de gráfico, puede definir las bibliotecas de recursos de Javascript predeterminadas, HTML y Javascript utilizados. Esta configuración se utilizará como punto de partida para cualquier gráfico nuevo que seleccione. Luego puede modificar los datos como mejor le parezca.

Valores predeterminados del gráfico amCharts

Una vez que sepa cómo funciona, apreciará cuán poderosos pueden ser los amCharts.

Puede cambiar un gráfico de un tipo a otro en cualquier momento, pero tenga en cuenta que cuando haga esto, todos los datos en el cuadro de recursos, el cuadro HTML y el cuadro Javascript volverán a la configuración que definió en la página principal de configuración del complemento para ese tipo de gráfico particular.

Diagrama de Sankey

Echa un vistazo a amCharts: Charts and Maps si eres un usuario avanzado que quiere tener más control sobre las bibliotecas Javascript utilizadas.

Si utiliza el servicio principal de amCharts, también debe consultar el complemento de WordPress para incrustar amCharts de Rami Yushuvaev, que le permite incrustar los gráficos que ha creado con el complemento.

Descargar / Sitio web oficial

7. Gráfico M – GRATIS

M Chart es un complemento gratuito de WordPress que le permite usar las bibliotecas Chart.js o Highcharts.

La página de configuración general le permite decidir si los gráficos se previsualizan y si se permite la incrustación remota de gráficos.

Solo hay cuatro tipos de gráficos disponibles: gráfico de líneas, gráfico de columnas, gráfico de barras y gráfico circular.

Configuración de gráfico M

Los datos se pueden incluir fácilmente en su gráfico agregando sus valores a una tabla. Simplemente haga doble clic en una celda y luego ingrese sus datos.

Si lo prefiere, puede cargar datos utilizando un archivo CSV.

También hay una opción para exportar datos de gráficos a un archivo CSV. Esta es una gran característica, y algo que falta en la mayoría de los otros complementos de gráficos.

M Chart Data

Se muestra una vista previa de su gráfico debajo de la sección de datos. Cuando cambia el tipo de gráfico en la sección debajo del área de vista previa, la vista previa se actualiza automáticamente.

Vista previa del gráfico M

Se puede definir la altura de su gráfico, y puede elegir mostrar una leyenda.

Para cada eje, agrega un título y selecciona una unidad. Puede seleccionar entre docenas de tipos de unidades, incluyendo distancia, moneda, tráfico del sitio web y más.

Configuración de datos de gráfico M

M Chart es una excelente solución de gráficos gratuita. Es fácil agregar datos e insertar gráficos completos en su contenido utilizando códigos cortos.

Sin embargo, creo que, dado que tiene solo cuatro tipos, es posible que primero desee ver algunas soluciones alternativas de gráficos.

Descargar / Sitio web oficial

8. UberChart – $ 30

Con un precio minorista de $ 30, UberChart es una solución de gráficos avanzada que ofrece 240 opciones personalizables por gráfico y 30 opciones personalizables por conjunto de datos.

Hay un total de diez tipos de gráficos disponibles: gráficos de líneas, gráficos de área, gráficos de barras, gráficos de barras horizontales, gráficos circulares, gráficos de anillos, gráficos de radar, gráficos de área polar, gráficos de dispersión y gráficos de burbujas.

Cualquier gráfico que cree puede modificarse fácilmente más tarde con solo hacer clic en un botón. También puede duplicar gráficos y utilizarlos como plantilla para nuevos gráficos..

Gráficos existentes

Los datos pueden importarse a través de un archivo CSV o copiarse y pegarse directamente en el área de datos desde un software de hoja de cálculo como Excel.

Hay un montón de opciones de estilo, que incluyen relleno, márgenes, colores, longitud del radio y más. Se muestra una vista previa de su gráfico en el corazón de la página de configuración.

Crear un nuevo gráfico

Muchos usuarios solo usarán la configuración de estilo predeterminada, pero, si desea personalizar sus diseños de gráficos, puede cambiar todo, desde información sobre herramientas y títulos hasta leyendas de gráficos.

Configuración de línea de cuadrícula

Con cientos de opciones, una buena selección de tipos de gráficos y soporte para múltiples idiomas y sitios múltiples de WordPress, UberChart es una de las mejores soluciones de gráficos disponibles en la actualidad..

Consulte la página de ejemplos de UberChart para ver la calidad de los cuadros y gráficos que se pueden crear con el complemento.

Descargar / Sitio web oficial

9. Tablas y gráficos de WP – GRATIS

El último en nuestra lista es el complemento gratuito WP Charts and Graphs. Este complemento básico admite seis tipos de gráficos: gráfico circular, gráfico polar, gráfico de anillos, gráfico de líneas, gráfico de barras y gráfico de radar.

Todo lo que necesita hacer es agregar títulos y sus datos correspondientes, luego haga clic en el botón generar.

WP Tablas y Gráficos

Cuando haga clic en el botón generar, se mostrará una vista previa de su gráfico junto con el código corto que necesitará insertar en su página para mostrar el gráfico.

Puede realizar ediciones rápidas en su gráfico más tarde simplemente modificando los valores dentro del shortcode.

Vista previa de diagramas y gráficos de WP

WP Charts and Graphs es descaradamente básico. No hay una página de configuración dedicada, no hay una página que enumere los gráficos creados previamente y no hay forma de cambiar los colores utilizados.

Si puede aceptar el conjunto limitado de opciones de personalización que se ofrecen, apreciará lo rápido y fácil que es usar el complemento.

Descargar / Sitio web oficial

Menciones de honor

Varios complementos de WordPress no se incluyeron en esta lista.

Si bien considero que los complementos mencionados anteriormente son en general mejores, aprecio que la situación de cada persona sea diferente, por lo que es posible que desee echar un vistazo a algunas de las soluciones que no hicieron el corte.

Los gráficos Ninja e Infogram son dos soluciones que puede que desee consultar. No hicieron el corte final porque debes registrarte en un servicio externo para usarlos.

Creo que es mejor almacenar gráficos en su propia base de datos de WordPress, por lo que me resistí a incluir cualquier solución que dependiera de un servicio de terceros para funcionar. Sin embargo, si no le importa usar un servicio externo, le recomiendo que los revise.

Charts Ninja

Un complemento de WordPress que me gustó fue iChart. Es una solución de gráfico simple que ofrece seis tipos de gráficos: gráficos de líneas, gráficos de barras, gráficos de radar, gráficos de área polar, gráficos circulares y gráficos de anillos.

Otra solución decente es Chartli. Con un precio de venta al público de $ 25, es uno de los complementos de gráficos y tablas más elegantes disponibles para WordPress, y cuenta con 15 tipos de gráficos.

Desafortunadamente, ninguno de estos complementos le permite editar cuadros o gráficos después de haberlos creado, y ni siquiera puede modificar los datos a través del shortcode.

Debido a esto, es difícil recomendarlos, ya que inevitablemente ocurrirán errores durante la fase de creación del gráfico.

Crear un gráfico en iChart

Si usa Gravity Forms, consulte MaxiCharts. El complemento se puede usar para crear gráficos a partir de envíos de formularios y archivos CSV.

El complemento Blazing Charts le permite crear fragmentos de código de gráficos de bibliotecas populares de Javascript. Los usuarios avanzados pueden encontrar esto útil, pero no es fácil de usar para usuarios principiantes o intermedios..

Si está buscando principalmente crear tablas y luego complementarlas con cuadros y gráficos, hay algunas opciones disponibles.

TablePress, que es la solución de tabla más popular para WordPress, tiene una extensión disponible llamada Extensión de gráfico que usa Chartist.js para crear gráficos receptivos a partir de sus tablas.

La versión pro de Data Tables Generator de Supsystic, que se vende desde $ 39, agrega la capacidad de crear gráficos y diagramas a partir de los datos de su tabla. Es una forma efectiva de mejorar sus tablas existentes.

Pensamientos finales

Le recomiendo que pruebe los complementos de cuadros y gráficos detallados en este artículo, y no tengo dudas de que se sorprenderá gratamente de lo fácil que son de usar..

Si está buscando una forma de agregar cuadros y gráficos básicos a su sitio web, le recomiendo usar Gráficos de WordPress, Gráficos de WordPress & Tablas o Tablas y Gráficos WP.

Visualizer también es fácil de recomendar. Es tan fácil de usar como las soluciones mencionadas anteriormente, pero también le permite importar datos a través de archivos CSV.

Los usuarios avanzados encontrarán útiles amCharts: Charts y Maps, pero otros deberían evitarlo.

Si las opciones y la personalización del estilo son una prioridad para usted, le recomiendo usar Easy Charts o UberChart. Dado que Easy Charts es 100% gratis para descargar y usar, esa es la que te recomiendo que veas primero.

Como siempre, haga tantas pruebas como sea posible antes de elegir una solución para su sitio web en vivo. Para ayudarlo a hacer esto, le recomiendo buscar sitios web que ofrezcan archivos CSV de ejemplo. Estos archivos de muestra pueden ayudarlo a completar tablas y gráficos con información de muestra para obtener una mejor comprensión de lo que pueden hacer los complementos.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me