No es necesario ser analista para poder incluir datos en su sitio web y en sus publicaciones. Agregar gráficos de WordPress a su sitio web agrega credibilidad a la información que está compartiendo. Las representaciones visuales también son una forma importante de complementar los informes escritos e ilustrar la información que está compartiendo. Existen excelentes herramientas de visualización de datos que le permiten agregar fácilmente cuadros, gráficos y tablas a WordPress.

Estas herramientas pueden ayudar incluso a la persona más inexperta a evaluar los datos y sacar conclusiones respaldadas por estadísticas. Es fácil crear estas representaciones visuales utilizando un complemento de gráfico de WordPress o un complemento de gráfico. Los complementos pueden ayudar a agilizar y automatizar virtualmente el proceso de generación de gráficos, cuadros y tablas.

Este artículo proporcionará una lista de los mejores complementos de gráficos disponibles para WordPress e incluirá detalles sobre cómo usarlos y qué características superiores ofrecen ciertos complementos.

Si bien muchos ofrecen las mismas características estándar, ciertos complementos están diseñados específicamente para realizar ciertas tareas. Como verá, puede elegir un complemento muy básico para principiantes o un complemento avanzado con muchas opciones de personalización y todo lo demás.

Complementos de gráficos de WordPress

wpDataTables

wpDataTables es el plugin #1 de tablas y gráficos de WordPress. Permite a los propietarios de sitios crear tablas receptivas, entre otros tipos de tablas y gráficos.

Y es realmente fácil crear una tabla:

Usted proporciona los datos de la tabla.
Configúralo y personalízalo
Publicarlo como una tabla o gráfico en una publicación o página

Este complemento de gráficos de WordPress le permite importar sin problemas datos de una amplia gama de fuentes, incluidas Hojas de cálculo de Google y Excel, así como archivos CSV, XML y JSON.

Además, este complemento de tablas y gráficos de WordPress incluye una serie de otras características útiles comunes que se encuentran con frecuencia en las aplicaciones de hojas de cálculo.

Algunas de las características avanzadas incluyen:

La lista de funciones para wpDataTables es una locura. Debe consultar la página de características que tiene el complemento.

Aquí hay un video sobre cómo usar Google Charts en WP con la ayuda de wpDataTables:

Tenemos guías similares para Highcharts y Chart.js.

Y estos son algunos de los gráficos que puede crear con él (ejemplos de Google Charts a continuación)

Gráfico de columnas de Google

El gráfico de columnas es un gráfico básico en el que las series se representan en columnas verticales simples.

Gráfico de histograma de Google

Como explica Google: un histograma es un gráfico que agrupa datos numéricos en contenedores y muestra los contenedores como columnas segmentadas. Se utilizan para representar la distribución de un conjunto de datos: es decir, con qué frecuencia los valores caen dentro de los rangos.

Gráfico de área de Google

Un gráfico de áreas es similar a un gráfico de líneas, pero el área debajo de una línea de serie está coloreada.

Gráfico circular de Google

El gráfico circular representa los datos en un formato de "pastel dividido", donde cada porción representa una entrada de serie (gráfico circular izquierdo). Si activa la opción 3D, su gráfico circular se dibujará como si tuviera tres dimensiones (gráfico circular derecho). cuadro).

Gráfico de barras apiladas de Google

Este tipo de gráfico es similar a un gráfico de barras básico, pero los valores de la serie están "apilados" uno a la derecha del otro en las barras horizontales.

Gráfico de barras de Google

Y mucho más Puede consultarlos en nuestra página de ejemplos de Google Charts.

Si eso no lo convenció de probar wpDataTables, puede consultar los otros complementos de gráficos de WordPress de este artículo.

Gráficos fáciles

El complemento gratuito EasyCharts se desarrolla con la biblioteca uvCharts Javascript. Tiene doce tipos de gráficos diferentes disponibles:

Gráfico de barras
gráfico de barras apiladas
Intensificar gráfico de barras
Gráfico de barras de porcentaje
gráfico de área
Gráfico de áreas apiladas
Gráfica de porcentaje de área
Gráfico de linea
Gráfico circular
gráfico de anillos
Gráfico de áreas polares
Gráfico de cascada

Los datos se agregan a una tabla que se puede personalizar para satisfacer sus necesidades. Es fácil agregar columnas y filas según el conjunto de datos que desee mostrar.

Una vez que sus datos estén en la tabla y esté listo para crear su gráfico, EasyCharts ofrece una cantidad impresionante de opciones de personalización. Puede personalizar casi todo, incluido el estilo, los márgenes, las etiquetas, la tipografía y los subtítulos.

También hay algunas formas de agregar el gráfico de WordPress a su sitio web. Una forma es usando el código abreviado que se genera automáticamente en EasyCharts. Otra forma es usar el botón EasyCharts en la página del editor de WordPress, que le permite elegir el gráfico que desea insertar. Finalmente, la página de información en EasyCharts le permite descargar el gráfico como una imagen, que luego puede insertar en su página.

Gráficos receptivos

Responsive Charts es una solución asequible para generar gráficos interactivos de WordPress. Utiliza charts.js para generar el gráfico de su elección. Hay siete tipos de opciones de gráficos incluidos:

Carta de radar
Barra de progreso de Bootstrap
gráfico de anillos
Gráfico circular
Gráfico de barras
carta polar
Gráfico de linea

Puede agregar sus datos manualmente y guardar diferentes conjuntos de datos en la parte inferior de la página. Alternativamente, puede importar un archivo CSV con sus datos. A partir de ahí, elegirá qué tipo de gráfico le gustaría y luego lo personalizará, incluido el nombre, la definición del ancho del gráfico, el relleno, los colores, la tipografía y los márgenes.

Una vez que esté satisfecho con su gráfico, puede incrustarlo en su sitio de WordPress. Responsive Charts genera un shortcode que puedes insertar en tu página. Alternativamente, se puede agregar a través de PHP como una plantilla de página personalizada.

Una de las desventajas de los gráficos receptivos es que no puede ver sus cambios en tiempo real. Debe copiar y pegar el código abreviado actualizado en su página y obtener una vista previa de su página para ver cómo se ve cada vez que realiza un cambio. El otro inconveniente es que no existe una versión gratuita de este complemento de gráficos de WordPress, solo una versión paga premium. Sin embargo, es una buena opción para visualizar grandes cantidades de datos con muchas personalizaciones.

Gráficos Ninja

Charts Ninja es un sitio web gratuito para la creación de gráficos de WordPress. Después de crear una cuenta, podrá ingresar sus datos en el sitio web para generar un gráfico. El sitio web generará un código abreviado para sus gráficos, que luego agregará a la ubicación deseada en su sitio de WordPress. El complemento Charts Ninja asociado en WordPress también es gratuito, lo que ayuda a convertir los gráficos de shortcode en sus representaciones visuales.

Desafortunadamente, estará limitado solo a gráficos de barras y gráficos circulares con una cuenta gratuita. También hay muy pocas opciones de personalización. Sin embargo, existe la opción de pagar $ 2.99 por mes para acceder a más funciones premium, incluidos tipos de gráficos adicionales y personalizaciones.

Tabla receptiva de WP

WP Responsive Table usa charts.js para crear cualquiera de los siete tipos diferentes de gráficos:

Gráfico circular
gráfico de anillos
Gráfico de barras
Gráfico de linea
Carta de radar
Barra de progreso de Bootstrap
carta polar

Es una solución de complemento de gráficos de WordPress asequible con una variedad de opciones de estilo, que incluyen márgenes, relleno, esquemas de color, tipografía y más. El tablero responde y se puede desplazar horizontalmente, lo cual es perfecto para usuarios con pantallas o tabletas más pequeñas.

Puede agregar sus datos manualmente o cargando un archivo CSV. WP Responsive Table tiene ejemplos de archivos CSV y plantillas de datos, lo que garantizará que pueda formatear sus datos de manera eficiente antes de cargarlos.

Insertar sus gráficos de WordPress en su sitio web también es fácil. Usando el Editor clásico o el Editor de Gutenberg en WordPress, puede usar HTML normal para agregar el gráfico a su página, sin necesidad de código abreviado.

Tabla de la liga

League Table es un complemento de gráficos de WordPress relativamente básico, pero muy versátil. Es mejor para compartir estadísticas o hacer una comparación en una tabla de datos simple. También incluye más de 100 opciones diferentes de configuración de mesa y se puede personalizar fácilmente para adaptarse a una variedad de necesidades.

La hoja de cálculo incorporada es interactiva y permite a los usuarios migrar datos desde su hoja de cálculo externa de Excel o Google Sheets directamente a League Table. A partir de ahí, los datos se pueden manipular directamente, incluido el uso de fórmulas o ecuaciones, la clasificación de columnas, el resaltado de celdas o incluso el uso de código personalizado.

Los usuarios que ven la tabla en su sitio también pueden ordenar las columnas para ver los datos de la manera que más les convenga. Las tablas se pueden usar en múltiples sitios y también pueden ser multilingües.

Prensa de mesa

TablePress ofrece una interfaz de hoja de cálculo interactiva donde puede ingresar manualmente los datos de su tabla. En la hoja de cálculo, puede manipular filas, columnas y celdas agregándolas, eliminándolas, combinándolas, insertándolas y duplicándolas como desee.

Para agregar una tabla, navegue a la interfaz de TablePress y haga clic en "Agregar nuevo" y luego seleccione la opción "Tabla". En el lado derecho, verá la sección de datos del gráfico donde puede hacer clic en "Datos manuales" para ingresar manualmente sus datos en la tabla. Podrá personalizar su tabla utilizando la codificación CSS o elegir una de las muchas extensiones de complemento gratuitas.

Cuando esté listo para insertar la tabla en su sitio, copie el código abreviado provisto. Luego, vaya a la página o publicación donde desea que aparezca la tabla y pegue el código abreviado en el editor.

visualizador

Este complemento de gráfico de WordPress tiene una versión gratuita y una versión profesional de pago. La versión gratuita será suficiente para la mayoría de las personas. Sin embargo, la versión pro permite a los usuarios usar una interfaz de hoja de cálculo interactiva para agregar y cambiar datos directamente.

El visualizador se agrega a la biblioteca de medios en WordPress, donde puede cargar sus datos en un archivo CSV o en un directorio en línea, como una hoja de cálculo de Hojas de cálculo de Google. Los tipos de datos compatibles incluyen: cadena, número, booleano, fecha y hora. A continuación, puede generar un gráfico que se puede personalizar en función de la API de visualización de Google. Es posible editar gráficos después de haberlos creado, así como duplicar gráficos existentes.

Los gráficos terminados se agregan a su página o publicación de WordPress insertando el código abreviado proporcionado.

CSS3 Responsive WordPress Comparar tablas de precios

Si su empresa ofrece diferentes niveles de precios para membresías o si desea crear tablas de comparación, entonces las tablas de precios de comparación de WordPress receptivas de CSS3 son una solución perfecta. Puede ayudar a articular claramente las diferentes características de un sistema de precios por niveles o una comparación de los precios de sus competidores.

Las tablas de precios creadas con CSS3 son altamente personalizables, con 20 opciones de colores diferentes, 60 variedades de cintas y dimensiones ajustables. El administrador puede incluso ocultar ciertas filas o columnas a los usuarios para que no se puedan ver en la interfaz. Los cambios se realizan en tiempo real, por lo que puede ver cómo se ven. Este complemento de gráfico de WordPress garantiza un gráfico de precios limpio, organizado y de aspecto moderno.

No hay límites para la cantidad de filas, columnas o tablas que puede agregar. También es receptivo, lo que lo hace perfecto para usuarios de dispositivos móviles y tabletas.

Generador de tablas de datos

Del creador del complemento Supsystic, el complemento Generador de tablas de datos ofrece versiones gratuitas y premium. Sin embargo, solo la versión premium le permite convertir tablas de datos en tablas y gráficos.

Este complemento de gráficos de WordPress utiliza Google Chart para crear prácticamente cualquier tipo de gráfico, incluidos gráficos circulares, de barras, de donas, de líneas y más. Comience simplemente agregando sus datos usando CSV, Excel, PDF u Hojas de cálculo de Google. Puede ordenar y editar los datos de su tabla sin límite en el número de columnas o filas. Ajuste las celdas, columnas y filas de la tabla a su color, tamaño y alineación preferidos, entre otras personalizaciones.

La capacidad de integrar WooCommerce es una característica única incluida en el complemento Generador de tablas de datos, lo que hace que sea realmente conveniente crear una tabla de búsqueda de sus productos que también se puede ordenar.

Complemento de WordPress para gráficos de Google

El complemento de WordPress de Google Chart le permite usar Google Chart para crear tablas y gráficos receptivos, que luego se pueden incrustar en su sitio. Hay siete opciones de tipo de gráfico diferentes y cada una se puede personalizar en gran medida:

Gráfico circular
Gráfico de barras
Gráfico de linea
Gráfico de columnas
Gráfico de burbujas
gráfico de área
Gráfico de áreas escalonadas

Las personalizaciones pueden incluir representaciones 3D, gráficos apilados, funciones interactivas o receptivas, imágenes y más. Google Chart está convenientemente integrado con Google Sheets, lo que hace que sea increíblemente simple usar datos de una hoja de cálculo existente para crear sus tablas y gráficos. Para usar esta función, al crear un nuevo gráfico, verá una opción para pegar una URL en su hoja de cálculo de Hojas de cálculo de Google.

Una vez que haya creado el cuadro o gráfico a su gusto, podrá copiar el código abreviado y pegarlo en la página o publicación que haya elegido.

iChart

iChart es una opción gratuita muy popular que se encuentra en el directorio de complementos de WordPress. Le permite crear siete tipos diferentes de gráficos: gráfico de barras, gráfico circular, gráfico de líneas, área polar, gráfico de radar o gráfico de anillos.

Cada uno de estos tipos de gráficos se puede personalizar para satisfacer sus necesidades. Responden a diferentes tamaños de pantalla, como dispositivos móviles o tabletas, e incluso puedes incluir animaciones.

Los gráficos se pueden optimizar para que tengan menos de 5 KB para que el tiempo de carga sea más eficiente. También se pueden colocar en la barra lateral de su sitio web en lugar de en una página o publicación.

iChart evoluciona constantemente e implementa nuevas funciones, como diferentes combinaciones de colores, tablas de teclas y widgets.

Gráfico M

M Chart le permite utilizar las bibliotecas Highchart o chart.js para crear el gráfico exacto que desea. Elija entre gráficos de líneas, gráficos de barras, gráficos circulares y gráficos de columnas y, una vez que haya creado su gráfico, puede agregarlo a su sitio utilizando un código abreviado generado automáticamente.

La hoja de cálculo interactiva en M Chart le permite cambiar y actualizar fácilmente sus datos, haciendo que la tarea de administrar sus conjuntos de datos sea simple y conveniente. Los datos se pueden agregar manualmente a la hoja de cálculo o puede importar un archivo CSV. Si agrega datos manualmente en M Chart, también puede exportar convenientemente esos datos en un archivo CSV, que es una característica única.

Inteligencia de negocios de WP

WP Business Intelligence es una excelente solución para mostrar gráficos y tablas que se actualizan en tiempo real. Está diseñado con un concepto de consulta dinámica para representar datos en tiempo real a medida que cambian y evolucionan. Puede usar cualquier fuente de base de datos interna o externa para crear sus tablas y gráficos. WPBI recuperará automáticamente los datos de esas bases de datos a medida que cambie y actualice los gráficos en su sitio web. Es compatible con hojas de cálculo y bases de datos de MySQL, Oracle, Microsoft SQL Server y PostgreSQL.

Esta es una herramienta de informes útil en sitios web que requieren la información más actualizada. También tiene una interfaz de usuario fácil de usar donde los visitantes de su sitio pueden personalizar la apariencia de la tabla o incluso descargar sus datos en formato CSV.

Gráficos Premium para Elementor

Si usa el editor de Elementor, el complemento Premium Charts puede ayudarlo a crear gráficos sofisticados de WordPress. Puede elegir entre siete tipos de gráficos diferentes, cada uno de los cuales se puede personalizar para adaptarse a su propósito. Puede ver los cambios que realiza en su gráfico en tiempo real a medida que los crea en Elementor.

Si bien la escala predeterminada para estos gráficos es lineal, también ofrece la posibilidad de crear gráficos con una escala logarítmica. Esto no es común en la mayoría de los complementos de gráficos y puede ser una herramienta útil. Elija entre una variedad de combinaciones de colores para complementar el diseño de su sitio.

amCharts: gráficos y mapas

Este complemento de gráfico de WordPress está destinado a usuarios de WordPress más avanzados. amCharts ha sido históricamente un servicio Javascript de gráficos y mapas con mucha experiencia. Elija entre nueve tipos de gráficos diferentes: gráfico XY, gráfico circular, gráfico de sectores, diagrama de Sankey, gráfico de radar, gráfico de indicadores, diagrama de cuerdas, diagrama de árbol y mapa. Estos son tipos de gráficos únicos en comparación con muchas otras opciones de complementos.

A medida que diseña sus gráficos, puede definir las bibliotecas de recursos de Javascript, HTML y Javascript. Las bibliotecas de recursos de Javascript pueden ser de una fuente remota o local. Una vez que defina esta configuración, puede seleccionar los datos que desea representar visualmente. Si decide cambiar a un tipo diferente de gráfico, puede hacerlo de forma relativamente sencilla. Sin embargo, también deberá redefinir su configuración preferida para el cuadro de recursos, HTML y el cuadro de Javascript. De lo contrario, se restablecerán a las opciones predeterminadas según su configuración.

Visor de hojas de cálculo de Google en línea

Este complemento de gráficos de WordPress es único en el sentido de que puede usar conjuntos de datos almacenados en la nube, incluidas fuentes como Google Sheets, MySQL o un archivo CSV. El complemento Inline Google Spreadsheet Viewer genera cuadros, tablas y gráficos interactivos y personalizables con los datos seleccionados.

Puede optar por crear una tabla ordenable, un gráfico o cuadro, o una combinación de todo lo anterior. Un caché incorporado ayuda a disminuir el tiempo de carga de la página, lo que puede ser particularmente útil para sitios web pequeños y empresas sin mucha potencia del servidor.

El uso de datos de una fuente en la nube es especialmente útil para los datos que cambian constantemente. Los datos en su tabla o gráfico representativo se actualizarán automáticamente a medida que cambien en su hoja de cálculo o base de datos basada en la nube.

Pensamientos finales sobre cómo crear excelentes gráficos de WordPress con estos complementos

Es importante encontrar un complemento que se adapte mejor a sus necesidades al crear representaciones de datos visuales. Los cuadros, gráficos o tablas pueden verse desorganizados y descuidados si no se crean correctamente. Es crucial tener un complemento de gráficos de WordPress adecuado para generar demostraciones visuales de los datos, asegurando que sus gráficos y tablas estén pulidos y organizados.

Además de elegir el complemento correcto para ayudar a que sus gráficos se vean lo mejor posible, también hay complementos que pueden satisfacer necesidades específicas. Considere si sus visitantes apreciarán tener una tabla de datos que se pueda buscar u ordenar. Quizás un gráfico interactivo sea más útil para que comprendan mejor los datos. Algunos también tienen opciones para que los visitantes puedan descargar datos sin procesar de su sitio web. Otros pueden actualizar sus gráficos en tiempo real desde una base de datos u hoja de cálculo basada en la nube o de origen externo.

Si su marca sigue pautas visuales o esquemas de color específicos, es posible que necesite un complemento que se adapte a más personalizaciones estéticas. La mayoría de las personas también tendrán una mejor experiencia de usuario con complementos receptivos que optimizan el tamaño de sus gráficos para diferentes pantallas.

Sean cuales sean sus necesidades, uno de estos complementos seguramente lo ayudará, ya que son las mejores herramientas de visualización de datos disponibles para crear gráficos de WordPress.

Si disfrutó leyendo este artículo sobre cómo crear excelentes gráficos de WordPress, debe consultar este sobre ejemplos de Chart.js.

También escribimos sobre algunos temas relacionados como la alternativa de Highcharts, tipos de gráficos y diseños de gráficos .

Fuente de grabación: wpdatatables.com