Los mejores plugins de WordPress para crear tablas y gráficos dinámicos

Si quieres añadir credibilidad extra a tus puestos, cuantos más datos puedas proporcionar, mejor.

Sin embargo, esto plantea la cuestión de cómo presentar mejor estos datos. La interminable lista de sus cifras y estadísticas hace difícil que los usuarios comprendan su mensaje, y, por supuesto, ¡es aburrido! La mayoría de la gente encuentra que los datos son más fáciles de digerir cuando se presentan en un formato visual, como gráficos y tablas.

A pesar del impulso que le da a su autoridad y credibilidad, añadir datos visuales en sus publicaciones, gráficos y tablas es algo que la mayoría de los webmasters pasan por alto. Cuando usted hace ver un gráfico, por lo general es sólo una imagen que se ha insertado, en lugar de una dinámica.

Ahora, usar una imagen seguirá transmitiendo tu mensaje, y está bien si nunca planeas actualizar tus datos. Sin embargo, si los números son susceptibles de cambiar o planea añadir las últimas cifras cuando estén disponibles, esta táctica simplemente no funcionará. Para ello, tendrás que crear un gráfico dinámico.

Afortunadamente, hay un número de fantásticos plugins disponibles para simplificar el proceso de crear gráficos y tablas dinámicas de gran apariencia. Si buscas una manera de aumentar las ventas incluyendo algunos datos para respaldar tu discurso, entonces mira estos.

1. Gráficos de WordPress – GRATIS

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

Hay seis gráficos disponibles: Gráfico circular, gráfico de rosquillas, gráfico de área polar, gráfico de barras, gráfico de líneas y gráfico radar, y puede insertarlos en su sitio web utilizando códigos abreviados o a través de un widget.

Encontrarás el área de atajos bajo el menú de medios en tu área de administración de WordPress. Se proporciona un ejemplo de atajo para cada tipo de gráfico, y debajo hay una lista de docenas de atributos de atajo que pueden ser usados para construir tus gráficos.

(click para ampliar)

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

Para cambiar cualquier aspecto de la carta, simplemente hay que modificar los valores y atributos en el atajo.

(click para ampliar)

Si buscas una solución sencilla para los gráficos, WordPress Charts es una buena opción ya que hace que añadir gráficos básicos sea muy fácil.

Aquellos de ustedes que buscan añadir 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.

Descarga/Página web oficial

2. Visualizador – GRATIS/£57-plus

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

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

Si utilizas el editor clásico de WordPress, verás un botón para el Visualizador en la barra de herramientas; cuando se utilice Gutenberg, el Visualizador estará disponible en el menú del bloque principal. Asegúrate de que el modo ‘Editor Visual’ esté seleccionado en ambas configuraciones para ver el botón del Visualizador.

(click para ampliar)

Desafortunadamente, cuando Gutenberg estaba siendo utilizado no pude crear un nuevo gráfico. Tuve que cambiar al Editor Clásico para ver los gráficos disponibles.

Extrañamente, puedes insertar los gráficos que creaste anteriormente cuando Gutenberg se activa, pero no puedes crear nuevos.

(click para ampliar)

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

(click para ampliar)

Los datos pueden ser cargados para su tabla o gráfico desde un archivo CSV. Puedes subirlos directamente o importarlos desde una URL.

(click para ampliar)

Una versión premium del Visualizador está disponible desde 57 libras al año. Añade cuatro tipos de gráficos más: Indicador, candelabro, línea de tiempo y combinación.

Una de las características más interesantes 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 disponibles opciones adicionales para los gráficos, y añade funcionalidad para crear gráficos privados y para que los usuarios puedan editarlos.

Aunque la versión premium del Visualizador añade 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.

Descarga/Página web oficial

3. Gráficos fáciles – GRATIS

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

Se dispone de un total de 12 tipos de gráficos: Gráfico de barras, gráfico de barras apiladas, gráfico de barras en escalones, gráfico de barras de porcentaje, gráfico de área, gráfico de área apilada, gráfico de área porcentual, gráfico de líneas, gráfico de pastel, gráfico de rosquillas, gráfico de área polar y gráfico de cascada.

Los gráficos se añaden como un tipo de puesto personalizado, y se añaden datos a través de una tabla personalizable que permite cambiar fácilmente las cifras. Las columnas y las filas se pueden añadir con un solo clic.

Leer
Redirigir a los usuarios de WordPress a su página de inicio desde la pantalla de inicio de sesión

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

(click para ampliar)

Mientras hayas guardado tus datos, podrás ver una vista previa de tu gráfico.

Cambiando el tipo de gráfico en el área de configuración y volviendo a guardar el gráfico, puede ver el aspecto de los datos en los 12 tipos de gráficos.

(click para ampliar)

El número de opciones de personalización disponibles en Easy Charts es increíble. Cada aspecto de su gráfico puede ser modificado, ya sea el estilo, los márgenes, las etiquetas, la tipografía o los pies de foto.

(click para ampliar)

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 los gráficos como imágenes.

Con una tonelada de opciones, 12 tipos de gráficos y varios esquemas de color preestablecidos, Easy Charts es una gran elección.

Descarga/Página web oficial

4. Gráficos y tablas de WordPress – GRATIS

Desarrollado usando HTML5, el marco de trabajo Javascript Vue.js y Chart.js, WordPress Graphs & Charts es una solución simple que soporta ocho tipos de gráficos.

Los tipos de gráficos disponibles son el gráfico circular, el gráfico de rosquillas, el gráfico polar, el gráfico de barras, el gráfico lineal, el gráfico radar, el gráfico de burbujas y el gráfico de dispersión.

Si el editor clásico está activado, verás 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 y Gráficos de WordPress. Esto es obviamente un problema que debe ser resuelto, ya que Gutenberg está activo por defecto en WordPress ahora.

(click para ampliar)

Al hacer clic en el botón “Insertar gráfico”, se te invitará a añadir un gráfico. A continuación, puedes seleccionar el tipo de gráfico que deseas utilizar.

(click para ampliar)

Me encanta cómo el plugin te permite añadir datos a un gráfico. Cada vez que añades datos, defines etiquetas o cambias los 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 termines, el gráfico se insertará en tu área de contenido a través de un código corto. Puedes volver y editar tus gráficos en cualquier momento haciendo clic en el botón “Insertar gráfico” de nuevo. Allí se mostrará una lista de los gráficos creados.

(click para ampliar)

Gráficos y tablas de WordPress es una buena alternativa a los gráficos de WordPress. Es un plugin básico que no te permite cambiar el tipo de gráficos que has creado, ni te permite subir datos a través de archivos CSV.

A pesar de estas limitaciones, es fácil recomendar los gráficos y tablas de WordPress a cualquiera que sólo quiera añadir tablas y gráficos sencillos a su contenido. Con suerte, añadirán soporte para Gutenberg en el futuro.

Descarga/Página web oficial

5. Gráficos de respuesta – $16

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

Todos los gráficos se crean usando Charts.js. Los siete tipos de gráficos son el gráfico circular, el gráfico de rosquillas, el gráfico de barras, el gráfico de líneas, el gráfico polar, el gráfico radar y las barras de progreso bootstrap.

Los gráficos pueden ser insertados en su contenido usando códigos cortos, o directamente en plantillas de página usando PHP. En el área de configuración de gráficos, puede dar un nombre a su gráfico, seleccionar el tipo de gráfico y definir el ancho del mismo.

Hay una gran área de ajustes de estilo con docenas de opciones también. Desde aquí puedes cambiar los márgenes, el relleno, la tipografía y los colores.

(click para ampliar)

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

Si lo prefieres, puedes subir los datos directamente a través de un archivo CSV. Se proporciona una plantilla CSV para ayudarle a ver cómo se pueden organizar los datos antes de cargarlos.

(click para ampliar)

Desafortunadamente, no hay forma de previsualizar tu gráfico mientras lo creas. Necesitas insertar el atajo en tu área de contenido para tener una vista previa y ver cualquier cambio que hayas hecho.

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

(click para ampliar)

Aunque no es gratis, a $16 Responsive Charts es una solución bastante asequible. Tiene muchas opciones de estilo útiles, y te permite subir grandes cantidades de datos usando archivos CSV.

Asegúrate de revisar la demo de administración de Responsive Charts para entender mejor lo que el plugin puede hacer.

Descarga/Página web oficial

6. amCharts: Cartas y mapas – GRATIS

En comparación con los otros plugins de este artículo, amCharts: Charts and Maps está más orientado a usuarios avanzados de WordPress que a principiantes. El plugin fue desarrollado por el servicio de 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 de sandwiches, gráfico radar, gráfico de calibrado, diagrama de cuerdas, mapa de árboles y mapa.

Leer
Plugins y Usabilidad de WordPress - ¿una coincidencia hecha en el infierno?

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

(click para ampliar)

Para cada tipo de gráfico, puede definir las bibliotecas de recursos Javascript predeterminadas, HTML y Javascript utilizados. Estos ajustes se usarán como punto de partida para cualquier nuevo gráfico que seleccione. A continuación, puede modificar los datos como considere oportuno.

(click para ampliar)

Una vez que sepas cómo funciona, apreciarás lo poderoso que puede ser amCharts.

Puedes cambiar un gráfico de un tipo a otro en cualquier momento, pero ten en cuenta que cuando lo hagas, todos los datos del cuadro de recursos, del cuadro de HTML y del cuadro de Javascript volverán a los ajustes que hayas definido en la página principal de ajustes del plugin para ese tipo de gráfico en particular.

(click para ampliar)

Mira amCharts: Charts and Maps si eres un usuario avanzado que quiere más control sobre las bibliotecas de Javascript utilizadas.

Si utilizas el servicio principal de amCharts, también deberías revisar el plugin amCharts Embed WordPress de Rami Yushuvaev, que te permite incrustar los gráficos que has creado con el plugin.

Descarga/Página web oficial

7. Gráfico M – LIBRE

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

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

Sólo hay cuatro tipos de gráficos disponibles: Gráfico de líneas, gráfico de columnas, gráfico de barras y gráfico circular.

(click para ampliar)

Los datos se pueden incluir fácilmente en su gráfico añadiendo sus valores a una tabla. Basta con hacer doble clic en una celda y luego introducir los datos.

Si lo prefieres, puedes subir los datos usando un archivo CSV.

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

(click para ampliar)

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

(click para ampliar)

Se puede definir la altura del gráfico, y se puede elegir mostrar una leyenda.

Para cada eje, añades un título y seleccionas una unidad. Puedes seleccionar entre docenas de tipos de unidades, incluyendo distancia, moneda, tráfico en el sitio web y más.

(click para ampliar)

La carta M es una gran solución de carta gratis. Es fácil añadir datos e insertar gráficos completos en su contenido usando códigos cortos.

Sin embargo, creo que como sólo tiene cuatro tipos, puede que quieras mirar algunas soluciones alternativas de gráficos primero.

Descarga/Página web oficial

8. UberChart – $30

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

Se dispone de un total de diez tipos de gráficos: Gráficos lineales, de área, de barras, de barras horizontales, de pastel, de rosquillas, de radar, de área polar, de dispersión y de burbujas.

Cualquier gráfico que crees puede ser fácilmente modificado más tarde con sólo pulsar un botón. También puedes duplicar los gráficos y usarlos como plantilla para nuevos gráficos.

(click para ampliar)

Los datos pueden ser importados a través de un archivo CSV o copiados y pegados directamente en el área de datos desde un software de hoja de cálculo como Excel.

Hay un montón de opciones de estilo, incluyendo el acolchado, los márgenes, los colores, la longitud del radio y más. En el centro de la página de configuración se muestra una vista previa del gráfico.

(click para ampliar)

Muchos usuarios sólo utilizarán la configuración de estilo predeterminada, pero si quieres personalizar los diseños de los gráficos, puedes cambiar todo, desde los consejos de herramientas y los títulos hasta las leyendas de los gráficos.

(click para ampliar)

Con cientos de opciones, una buena selección de tipos de gráficos, y soporte para múltiples idiomas y multi-sitio de WordPress, UberChart es una de las mejores soluciones de gráficos disponibles hoy en día.

Echa un vistazo a la página de ejemplos de UberChart para ver la calidad de las tablas y gráficos que se pueden crear con el plugin.

Descarga/Página web oficial

9. Gráficos y tablas de WP – GRATIS

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

Todo lo que tienes que hacer es añadir los títulos y sus datos correspondientes, y luego hacer clic en el botón de generar.

(click para ampliar)

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

Puede hacer ediciones rápidas a su gráfico más tarde, simplemente modificando los valores dentro del atajo.

(click para ampliar)

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

Leer
Add Pocket Read It Later Links to WordPress Posts

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

Descarga/Página web oficial

Menciones de honor

Varios plugins de WordPress no se incluyeron en esta lista.

Si bien considero que los plugins mencionados anteriormente son en general mejores, me doy cuenta de que la situación de cada uno es diferente, así que tal vez quieras echar un vistazo a algunas de las soluciones que no han dado resultado.

Charts Ninja e Infogram son dos soluciones que quizás quieras comprobar. No han hecho el corte final porque necesitas inscribirte en un servicio externo para usarlos.

Creo que es mejor almacenar los gráficos en tu propia base de datos de WordPress, por lo que era reacio a incluir cualquier solución que dependiera de un servicio de terceros para funcionar. Sin embargo, si no te importa usar un servicio externo, te recomiendo encarecidamente que lo compruebes.

(click para ampliar)

Un plugin de WordPress que me gustó fue iChart. Es una simple solución de gráficos que ofrece seis tipos de gráficos: Gráficos de líneas, de barras, de radar, de área polar, de pastel y de rosquillas.

Otra solución decente es Chartli. A un precio de 25 dólares, es uno de los plugins de gráficos más elegantes disponibles para WordPress, y cuenta con 15 tipos de gráficos.

Desafortunadamente, ninguno de estos plugins permite editar tablas o gráficos después de haberlos creado, y ni siquiera se pueden modificar los datos a través del atajo.

Por eso es difícil recomendarlos, ya que inevitablemente se cometen errores durante la fase de creación de la carta.

(click para ampliar)

Si usas las formas de gravedad, mira los MaxiCharts. El plugin puede ser usado para crear gráficos a partir de los envíos de formularios y archivos CSV.

El plugin Blazing Charts permite crear fragmentos de código de gráficos a partir de las bibliotecas populares de Javascript. Los usuarios avanzados pueden encontrarlo útil, pero no es fácil de usar para principiantes o usuarios intermedios.

Si lo que buscas es crear tablas y luego complementarlas con tablas y gráficos, hay algunas opciones disponibles.

TablePress, que es la solución de tablas más popular para WordPress, tiene una extensión disponible llamada Chart Extension que utiliza Chartist.js para crear gráficos sensibles de sus tablas.

La versión profesional del Generador de Tablas de Datos de Supsystic, que se vende a partir de 39 dólares, añade la posibilidad de crear gráficos y diagramas a partir de los datos de sus tablas. Es una forma efectiva de mejorar tus tablas existentes.

Pensamientos finales

Le animo a que pruebe los plugins de tablas y gráficos que se detallan en este artículo, y no dudo que se sorprenderá gratamente de lo fácil que son de usar.

Si buscas una forma de añadir tablas y gráficos básicos a tu sitio web, te recomiendo que uses tablas de WordPress, WordPress Graphs & Charts o WP Charts and Graphs.

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

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

Si las opciones y la personalización del estilo es una prioridad para ti, te recomiendo que uses Easy Charts o UberChart. Ya que Easy Charts es 100% gratis para descargar y usar, ese es el que te animo a mirar primero.

Como siempre, haga tantas pruebas como sea posible antes de elegir una solución para su sitio web en vivo. Para ayudarte a hacerlo, te recomiendo que busques sitios web que ofrezcan archivos CSV de ejemplo. Estos archivos de muestra pueden ayudarte a rellenar tablas y gráficos con información de muestra para comprender mejor lo que pueden hacer los plugins.

¿Usó/utilizó alguno de estos plugins? ¿Conoces algún otro gran plugin para insertar tablas y gráficos?

25 de abril de 2019 a las 12:19 pm

Sólo quería señalar, como autor de la Carta M, que soporta más tipos de cartas (8 de ellas en realidad) si se le añade la Biblioteca de Cartas Altas:

https://github.com/methnen/m-chart/wiki/Types-of-charts

Tengo planes de añadir tipos de gráficos adicionales a la biblioteca Chart.js, ahora predeterminada, pero es una biblioteca menos potente y es posible que algunos de los tipos de gráficos nunca lleguen a funcionar. Chart.js tiene los beneficios de ser totalmente compatible con la licencia GPL, lo cual es un requisito para estar en el directorio de plugins de WordPress.

Además, no es necesario hacer doble clic en una celda para escribirla. El simple hecho de escribir cuando se selecciona una celda debería funcionar a menos que haya algún tipo de conflicto JS que impida que el código del Handsontable funcione correctamente.

Respuesta

Deje una respuesta Cancelar respuesta

Su dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Comentario

Nombre*

Correo electrónico*

Sitio web

Notifícame los comentarios de seguimiento por correo electrónico.

Todos los comentarios se mantienen con moderación. Sólo publicaremos los comentarios que estén en el tema y que se adhieran a nuestra política de comentarios.

Nuestro formulario de comentarios también apoya el uso de Markdown.

Deja una respuesta