Visualización de grandes conjuntos de datos con wpDataTables: una guía práctica

Publicado: 2023-05-03

Visualizar grandes conjuntos de datos es un gran desafío. Presentarlos de manera clara y convincente es una de las técnicas de visualización de datos más solicitadas. Su audiencia necesita algo que sea interactivo, fácil de entender y receptivo. Hay formas de crear este tipo de visualizaciones sin invertir muchas horas o mucho dinero en costosas herramientas de visualización de datos.

wpDataTables es la herramienta robusta de visualización de datos que le encantará. Haces todo tipo de gráficos y tablas con él. Se especializa en manejar big data y convertirlo en presentaciones que le encantarán a su audiencia.

Este complemento de WordPress maneja todo tipo de formatos de datos organizados y jerárquicos, como:

CSV
Sobresalir
Hojas de cálculo de Google
JSON
mysql
postgresql
XML

Tiene un editor de gráficos y tablas incorporado para personalizar sus representaciones de datos. Como estándar, produce varios gráficos, que incluyen:

Gráficos de área
Gráfica de barras
Gráficos de burbujas
Gráficos de columnas
Gráficos de anillos
Gráficos de calibre
gráficos de líneas
Gráficos circulares
Gráficos de dispersión

Entonces, está claro por qué wpDataTables es una herramienta tan increíble . Este artículo le mostrará cómo puede usarlo para visualizar grandes conjuntos de datos en WordPress y publicarlos en su sitio web.

Uso de wpDataTables para visualizar grandes conjuntos de datos

Instalar y activar wpDataTables

El primer paso es obvio: para comenzar, debe instalar el complemento wpDataTables. Es muy fácil de hacer yendo al repositorio de plugins de WordPress .

Para hacerlo, abra WordPress y vaya a Agregar nuevo en Complementos . Aquí puede buscar wpDataTables. Luego siga las instrucciones en pantalla y finalice la instalación y activación.

Importación de datos

Una vez instalado, puede importar sus datos a wpDataTables desde varias fuentes . Algunas de las opciones para la importación de datos son:

CSV
Sobresalir
Hojas de cálculo de Google
JSON
Consultas MySQL
Matriz PHP serializada
XML

También tiene la opción de ingresar sus datos a mano en wpDataTables o vincular el complemento a una fuente de datos en vivo.

Esta función es muy útil porque puede crear tablas que se actualicen automáticamente cada vez que carga su página. También puede generar una consulta personalizada con la herramienta Interfaz gráfica de usuario (GUI).

Cómo crear una nueva tabla a partir de los datos

Puede crear una nueva tabla yendo a wpDataTable y haciendo clic en Crear una tabla . Allí verás la opción Crear una tabla vinculada a una fuente de datos existente . Haga clic en esa opción y luego haga clic en Siguiente .

En la siguiente pantalla, verá diferentes opciones sobre cómo desea importar sus datos. No necesita seleccionar ninguno de ellos, pero algunos de ellos pueden ser útiles.

En Pantalla , puede seleccionar la opción Responsive Collapsing , que es muy útil en dispositivos con pantallas más pequeñas. Puede editar las barras de desplazamiento, limitar el ancho de la tabla, etc.

La pestaña Edición le brinda más opciones para la edición frontal. Esto incluye imprimir, copiar y exportar enlaces rápidos. Lo bueno es que puedes previsualizar tus cambios en tiempo real. Cada vez que realice un cambio, debe hacer clic en Guardar o Aplicar .

¿Utiliza grandes conjuntos de datos? No hay problema. Tenemos procesamiento del lado del servidor

Si está lidiando con conjuntos de datos masivos y creando tablas gigantes con muchas páginas, wpDataTables es el complemento de WordPress que necesita.

wpDataTables es un complemento potente y flexible que puede manejar toneladas de datos con facilidad. En serio, ¡estoy hablando de miles o incluso millones de filas!

¿Cansado de esperar a que se carguen tus enormes mesas?
¿Harto de la clasificación y el filtrado lentos?
¿Le preocupa que sus páginas se bloqueen debido a la gran cantidad de datos?

¡No más! wpDataTables te respalda. Está construido con una característica fantástica llamada "procesamiento del lado del servidor". Este chico malo te quita todo el trabajo pesado y lo delega al servidor MySQL. ¿Qué significa eso para ti? Significa:

Carga de página más rápida
Filtrado y clasificación más inteligente
No más fallas debido a grandes conjuntos de datos

¿Tienes curiosidad por saber cómo se hace? Mira este video:

Ahora, sé lo que estás pensando: "Suena demasiado bueno para ser verdad, ¿verdad?" Pero déjame decirte que es tan real como parece.

Esta característica está hecha a medida para personas como usted que manejan grandes conjuntos de datos y desean una experiencia fluida.

Elegir la visualización de datos adecuada

Con sus datos importados, puede comenzar a pensar en la visualización de datos. Para ello, abra el Asistente para la creación de gráficos . Encontrará el asistente después de abrir wpDataTables en Crear un gráfico .

Primero, debe darle un nombre a su gráfico para volver a encontrarlo más tarde. A continuación, elija uno de los cuatro motores de representación de gráficos:

Gráfico.js
Gráficos de Google
Gráficos altos
ApexGráficos

Elegir la visualización de datos correcta es muy importante. Las diferentes categorías de gráficos son más adecuadas para diferentes tipos de datos.

Primero, piense en el punto que desea transmitir con sus datos. Ese mensaje debe ser claro y prominente. Cinco preguntas pueden ayudarte a determinar lo que quieres hacer:

Si hay diferentes conjuntos de datos, ¿cuál es la relación entre ellos?
¿Es necesario resaltar la distribución de datos e identificar valores atípicos?
¿Quieres comparar valores? Si es así, ¿desea comparar diferentes puntos de datos o desea seguir un punto a lo largo del tiempo?
¿Hay tendencias interesantes dentro del conjunto de datos?
¿El paso de visualización de datos es parte del análisis de datos?

Cuando sepa la respuesta a esas preguntas, estará listo para elegir el tipo de gráfico adecuado para su proyecto.

Después de editar su gráfico o cuadro, puede hacer clic en la siguiente pantalla y copiar el código abreviado para la visualización de datos.

Ahora está listo para pegar el código abreviado en el contenido de su sitio web. Guárdalo y revisa la parte delantera para ver cómo se ve.

Dentro de wpDataTables hay una opción muy especial. Le permite mantener sus tablas, incluso si elimina el complemento .

Si alguna vez elige eliminar el complemento, aún encontrará sus tablas en la base de datos.

Crear un gráfico a partir de una tabla

Profundicemos un poco más en la creación de visualización de datos con wpDataTables. El complemento le permite crear gráficos y cuadros impresionantes e interactivos a partir de cualquier tipo de fuente de datos. Puede usar archivos de Excel, CSV, MySQL, JSON y más.

Cuando su tabla esté lista para ser procesada, seleccione Gráficos y luego haga clic en Agregar nuevo .

Asigne un título al proyecto y elija la máquina de renderizado como se describe arriba. Puede elegir entre Google Charts, Chart.js u otros. Cada motor de renderizado tiene sus características, cada uno con sus pros y sus contras. Puedes jugar y ver cuál es mejor para tu proyecto.

Además, cada motor de renderizado le dará diferentes categorías de gráficos , como barra, columna, área y línea. Hay un menú desplegable en la parte superior donde puede seleccionar el tipo de visualización de datos que desea.

Formateo y vista previa

Ahora, el complemento le permitirá formatear su tabla o gráfico de la manera que desee. Puede ver sus cambios de inmediato en un panel en el lado derecho de la pantalla.

Notará que hay varias categorías de formato para cada gráfico o elemento de gráfico. El primer conjunto de opciones le permite ajustar las siguientes cosas:

colores de fondo
Color del borde
Radio del borde
Ancho del borde
Altura del gráfico
Ancho del gráfico
Gráfico de grupo
Ancho de respuesta

Otra categoría de formato es Serie , donde puede personalizar la serie de datos. En Ejes , encontrará todas las opciones relacionadas con el diseño de los ejes del gráfico. Puede personalizar los ejes X e Y independientemente uno del otro.

La siguiente categoría es Exportación . Puede permitir que los visitantes de su sitio web descarguen sus herramientas de visualización de datos en diferentes formatos:

La categoría Barra de herramientas solo está disponible para ApexCharts. Esta opción le permite a los usuarios descargar los datos de visualización en formatos de imagen vectorial CSV, PNG y SVG.

Cuando esté satisfecho con el aspecto de su tabla o gráfico, puede guardarlo haciendo clic en el botón Guardar tabla . wpDataTables lo guardará en la base de datos de WordPress. En este punto, también generará el shortcode por ti.

Publique el gráfico en su sitio web o publicación de blog

Las versiones anteriores usan el editor clásico de WordPress. Pero también puedes usarlo si estás trabajando con WordPress 5+. Para eso, necesitaría descargar e instalar el complemento Classic Editor.

En el editor clásico, puede pegar el código abreviado que generó wpDataTable para su gráfico. Un ejemplo de un shortcode podría ser:

 [wpdatatable id=22]

Para pegar el código de la manera correcta, sigue estos pasos:

Ir a Publicaciones
Haga clic en Agregar nuevo o páginas
Seleccione Agregar nuevo
Pegue el shortcode en el contenido del editor
Actualice o publique su página o publicación de blog

Otra forma de publicar su tabla es usando el botón wpDataTables en el editor. Haga clic en el botón para seleccionar el gráfico que desea usar y haga clic en Insertar .

El Editor Gutenberg es otra herramienta para administrar su contenido. De hecho, le permite más opciones para su gráfico. Puede elegir qué tabla desea y cómo mostrarla, y puede definir marcadores de posición variables y exportar nombres de archivos.

Hay una integración para wpDataTables en Divi Page Builder. Con este creador de páginas, puede insertar gráficos y tablas directamente en la interfaz de usuario de Divi.

Palabras finales sobre la visualización de grandes conjuntos de datos con wpDataTables

Extraer la información correcta de Big Data no es fácil, pero con las técnicas correctas de visualización de datos, puede hacerlo. Este artículo le ha mostrado cómo puede convertir datos sin procesar en gráficos y cuadros atractivos. Es una habilidad necesaria si necesita visualizar grandes conjuntos de datos.

Este complemento es muy flexible. Así que pruébelo y vea cómo puede sacar más provecho de los datos complejos mediante el uso de la visualización de datos. Notará lo que cambiar unos pocos parámetros puede hacer por su presentación al visualizar grandes conjuntos de datos.

Si disfrutó leyendo este artículo sobre la visualización de grandes conjuntos de datos, también debería leer estos:

No se pierda estas tendencias de visualización de datos
Cómo usar la visualización dinámica de datos para presentar mejor los datos
La visualización de datos interactiva más impresionante que encontrará en línea