Capítulo 38 Introducción segunda parte

Se han recorrido gran cantidad de opciones de visualización estáticas que se pueden utilizar tanto para impresión en libros como para añadir a páginas web. Pero las páginas web permiten incluir interacciones que hacen la información más atractiva, pero se debe buscar, ante todo, mayor efectividad.

El siguiente esquema presenta dos diferentes tipos de visualizaciones interactivas que se pueden realizar. No son excluyentes.

Interacciones en visualización
Presentación/navegación vs. selección/filtrado
Descripción
Interacción navegacional (presentación) Cambio de escala o foco mediante panorámica/zoom o brushing, rotación, desplazamiento (reencuadre), cambio de sistema de coordenadas, ojo de pez (distorsión), zoom semántico, tooltip/pop-up con información adicional o ajustes estéticos, entre otros. No cambia el subconjunto de datos activo.
Interacción de selección/filtrado Se cambia el subconjunto de datos activo (filtros/selección) cajas fijas o desplegables de opciones múltiples, botones radiales de selección única, click & linking, brushing & linking, inversión de selección, entre otros.
Notas: presentación no cambia el subconjunto de datos; selección/filtrado sí (subsetting).

En este texto se parte de la base de que la selección/filtrado de datos es a demanda, si bien en los sistemas en tiempo real se realiza automáticamente.

Adicionalmente, en las páginas web puede haber visualizaciones dinámicas. No se debe confundir dinamismo con transiciones. La visualización dinámica es la que cambia a lo largo del tiempo/cuadros. Las transiciones hacen referencia a cambiar de una imagen a otra de manera suave mediante métodos de interpolado u otras propias de la producción audiovisual.

Tipología: estática, interacción y dinámica (animación)
Separar animación (dinámica) de transiciones
Tipo Descripción
Estática Puede incluir transiciones al cargar.
Interacción navegacional Puede usar transiciones para continuidad (abrir tooltip, zoom suave).
Interacción de selección/filtrado Puede usar transiciones al aplicar/eliminar filtros.
Dinámica (animada) autónoma La visualización se reproduce sola o mediante un botón de reproducir. Puede usar transiciones entre cuadros para suavizar la animación.
Dinámica (animada) explorable El usuario controla un deslizador temporal/scrubber. Transiciones al arrastrar el deslizador.
Dinámica (animada) + filtrado Además de animar, el usuario aplica filtros/selecciones que cambian el subconjunto de datos. Transiciones al combinar animación y cambios de filtro.

La primera parte ha cubierto lo correspondiente a visualizaciones estáticas no interactivas. Y las dinámicas sin mayor profundidad. Se inicia con las interactivas.

Se presentan varios ejemplos para ayudar a la comprensión:

Tipo Visualización
Estática y no interactiva
Pirámide poblacional de la población afectada por la pandemia. Elaboración propia.
Visualización fija sin capacidad de intervención por parte del usuario.
Estática e interactiva
Datos simulados acerca de las ventas por mes para algún negocio. Elaboración propia.
Deslice el ratón sobre las barras para ver detalles.
Estática e interactiva
Datos simulados acerca de la temperatura diaria en algún punto. Elaboración propia.
Seleccione el rango de fechas donde desea realizar zoom.
Dinámica. No interactiva
Se mide temperatura y salinidad a un metro bajo el nivel de la superficie en una estación de estudio oceanográfica. Se presenta cómo evolucionan ambas variables a lo largo de un año. Se trata de un diagrama de ruta (path plot). Elaboración propia.
Reproducción de video sin control del usuario sobre los datos.