Skip to main content Únase a nosotros en TDX, San Francisco o en Salesforce+ del 5 al 6 de marzo en la conferencia de desarrolladores para la era del agente de la IA. Regístrese ahora.

Su navegador es demasiado pequeño

Amplíe el tamaño de su navegador para continuar con el aprendizaje interactivo. Recomendamos un ancho mínimo de 900 píxeles.

Objetivos de aprendizaje

  • Configurar una acción del dashboard
  • Modificar las visualizaciones para mejorar la interactividad
  • Agregar y configurar un filtro

Profundizar en la interactividad

Ya creó un dashboard con una sola visualización, lo perfeccionó y le agregó contexto para el cliente. Uno de los aspectos más geniales del análisis de datos visual en Tableau es la interactividad. Las descripciones emergentes ofrecen esto para proporcionar más información, pero podemos ahondar mucho más. Veamos cómo hacer de este dashboard un componente interactivo.

Comprobación: Conectar su cuenta de Tableau Public

Si aún no lo hizo, o si se agotó el tiempo de espera de la zona de pruebas, inicie sesión en su cuenta de Tableau Public en la ventana Playground (Zona de pruebas) a la derecha. Si aún no tiene una cuenta de Tableau Public, regístrese y cree una ahora mismo. No olvide activarla antes de empezar esta unidad interactiva. Puede encontrar instrucciones más detalladas en El modelo de datos de Tableau.

Nota

La zona de pruebas se restablece si caduca su inicio de sesión en Tableau Public o si actualiza la página antes de completar la unidad. Recomendamos completar la unidad en un solo intento.

Acciones para agregar un dashboard

Las acciones reúnen todos los elementos. Los próximos pasos configuran una acción, de modo que cada vez que pasemos el cursor sobre uno de los pasteleros, se resaltarán sus datos en las otras visualizaciones.

  1. Abra el menú Dashboard en la parte superior del espacio de trabajo y seleccione Actions (Acciones).
  2. Haga clic en el botón Add Action (Agregar acción).
  3. Luego, seleccione Highlight… (Resaltar). ¿Pero por qué resaltar? El objetivo no es filtrar nada, sino destacar los datos relacionados.
  4. Asigne a la acción el nombre Baker highlight (Pastelero resaltado).
  5. En Source Sheets (Hojas de origen), desmarque la casilla Handshakes (Apretones de manos) para que la acción solo provenga de los pasteleros o del gráfico de líneas.
  6. Cambie la selección de Run action on (Ejecutar acción en) a Hover (Situar). De este modo, garantiza que solo se resalte algo si el usuario pasa el cursor sobre uno de los pasteleros.
  7. En Target Sheets (Hojas de destino), deje todo marcado para que el resaltado se aplique a cada visualización.
  8. En Target Highlighting (Resaltado de destino), cambie la selección a Selected Fields (Campos seleccionados).
  9. Para las opciones de campo, desplácese y marque la casilla junto a Baker (Pastelero). Esto significa que el resaltado se muestra cada vez que el valor de Baker (Pastelero) coincide en varias visualizaciones.
  10. Haga clic en OK (Aceptar) y, a continuación, vuelva a hacer clic ahí otra vez.

Pruebe el resaltado pasando el cursor sobre un par de pasteleros y sobre el gráfico de líneas. Entre las descripciones emergentes y el resaltado, no es necesario agregar una etiqueta con nombre en la visualización para averiguar a quién corresponde una línea. Muy ingenioso.

Agregar una acción al apretón de manos

Ahora que comprende la utilidad de las acciones de resaltado para hacer conexiones, ¿no sería genial si pasáramos el cursor sobre un apretón de manos y viéramos a qué episodio corresponde en el gráfico de líneas? ¡Fácil!

Así se configura.

  1. Menú Dashboard | Actions… (Acciones)
  2. Add Action (Agregar acción) | Highlight… (Resaltar)
  3. Nombre: Handshake spotlight (Apretón de manos destacado)
  4. Source Sheets (Hojas de origen): Handshakes (Apretones de manos)
  5. Run action on (Ejecutar acción en): Hover (Situar)
  6. Target Sheets (Hojas de destino): dejar ambas seleccionadas
  7. Target Highlighting (Resaltado de destino): Selected Fields (Campos seleccionados)Baker (Pastelero) y Episode (Episodio). Oh, vaya. No está Episode (Episodio).

Para configurar esta propiedad, debemos resaltar cuando coincidan Baker (Pastelero) y también Episode (Episodio). De este modo, se resalta la marca específica en el gráfico de líneas y no toda la línea. Agregue un episodio a la visualización del apretón de manos.

  1. Para guardar los cambios de esta acción, haga clic en OK (Aceptar) y vuelva a hacer clic en la opción.
  2. Usando las pestañas en la parte inferior de la pantalla, diríjase a la pestaña Handshakes (Apretones de manos).
  3. En el panel Data (Datos), arrastre Episode (Episodio) al estante Detail (Detalle).

Un campo debe ser parte de la estructura de la visualización —por ejemplo, en Columns (Columnas), Rows (Filas) o Detail (Detalle)— para que pueda usarse en una acción.

  1. Vuelva y haga clic en la pestaña Baker Performance (Rendimiento de los pasteleros) para regresar al dashboard.

Editar una acción existente

Ahora vuelva y termine la acción que quedó a medias.

  1. Haga clic en la pestaña Baker Performance (Rendimiento de los pasteleros).
  2. Menú Dashboard | Actions… (Acciones)
  3. Haga clic en la acción Handshake spotlight (Apretón de manos destacado) en la tabla.
  4. Luego, haga clic en Edit (Modificar).
  5. De vuelta en la sección Target Highlighting (Resaltado de destino), marque la casilla junto a Episode (Episodio).
  6. Haga clic en OK (Aceptar) y vuelva a hacer clic ahí otra vez.
  7. Pase el cursor sobre cada ícono de apretón de manos para probar la acción.

Es un poco difícil poder ver una marca cuando es una estrella amarilla, pero si pasa el cursor sobre el apretón de manos de Paul, verá que funciona bien para la visualización Performance in Technical (Rendimiento técnico). Todo esto corresponde a una sola temporada.

Agregar un filtro

¿Las visualizaciones se ven bien en todas las temporadas? ¿Y cómo pasamos de una temporada a otra? Es hora de aplicar filtros.

  1. Haga clic en la visualización Performance in Technical (Rendimiento técnico) para poder ver sus bordes.
  2. Abra el menú desplegable Analysis (Análisis) y seleccione Filters (Filtros) | Season (Temporada).

De forma predeterminada, el control de filtro se agrega a un nuevo contenedor a la derecha y tiene el formato de una lista de selección múltiple. Para evitar que las visualizaciones se atesten de datos, limite el filtro a los datos de una temporada por vez y mueva el filtro al espacio correspondiente que creó en la última unidad.

  1. Haga clic en el filtro para ver sus bordes y, luego, abra el menú desplegable.
  2. Seleccione Edit title… (Modificar título). Agregue un verbo al título de un elemento interactivo para que el usuario sepa que puede realizar una acción.
  3. Reemplace lo que figure allí por Choose a season: (Elegir una temporada:).
  4. Haga clic en OK (Aceptar).
  5. Abra el menú nuevamente. Seleccione Customize (Personalizar) | desmarque la casilla Show "All" Value (Mostrar el valor "Todos").
  6. Vuelva a abrir el menú y seleccione el control deslizante Single Value (Valor único).
  7. Vuelva a abrir el menú y seleccione Floating (Flotante). Ya tiene configurado el control de filtro, pero el antiguo contenedor sigue siendo un obstáculo para la disposición.
  8. Haga clic en el espacio en blanco a la derecha del dashboard para ver los bordes del contenedor (si seleccionó todo correctamente, deberían ser azules).
  9. Luego, haga clic en la X para quitar el elemento del dashboard. Las visualizaciones ahora deberían ocupar todo el espacio.
  10. Ajuste la ubicación del control de filtro para que encaje bien en el espacio en blanco (usted decide qué se ve bien). Hablando de cambios en las visualizaciones y de cuánto espacio ocupan los elementos, siempre es buena idea comprobar que los filtros no tengan un comportamiento extraño cuando cambian sus valores.
  11. Haga clic en el control de filtro Season (Temporada) y asegúrese de que todo se vea bien en las tres visualizaciones para cada temporada.

Actualizar el formato sobre la marcha

La temporada 9 fue la que más apretones de manos tuvo y se ve un poco saturada. Vamos a hacer espacio ocultando el título de la visualización.

  1. Haga clic con el botón secundario en el título Handshakes (Apretones de manos).
  2. Seleccione Hide Title (Ocultar título).
  3. Con la visualización seleccionada, arrastre el borde para garantizar que sea lo suficientemente ancha y alta, y no se vea muy saturada.

Sin el título, las líneas de los bordes se ven un poco raras. Es fácil desactivarlas.

  1. Haga clic en la visualización Handshake (Apretón de manos) para poder ver sus bordes.
  2. Haga clic en el ícono de Go to Sheet (Ir a la hoja) Ícono Go to Sheet (Ir a la hoja).
  3. Abra el menú Format (Formato) y elija Worksheet…(Hoja de trabajo).
  4. Abra la sección Borders (Bordes) y desactive la opción Row Dividers (Divisores de filas).
  5. Cierre el panel Format (Formato) y vuelva a hacer clic en el dashboard Baker Performance (Rendimiento de los pasteleros).
  6. Explore las opciones de tamaño y posición entre las temporadas 9 y 3. Establezca el filtro para la temporada 3 y compruebe que la visualización no sea demasiado grande si hay un solo apretón de manos.

Buscar la ubicación y el tamaño exactos para la visualización flotante es un delicado equilibrio, pero encontrará la forma de hacerlo.

Agregar filtros adicionales

Mientras probaba la disposición del dashboard, ¿advirtió que no hubo ningún apretón de manos en las temporadas 1 y 2? La temporada 1 tampoco tuvo pasteleros estrella. El dashboard de esas temporadas no se ve muy bien. (Además, tuvieron menos episodios que las temporadas posteriores). Vamos a filtrarlos por completo.

Ya está usando el filtro Season (Temporada) para controlar el dashboard, así que tendrá que pensar de forma creativa. El campo Year (Año) en la tabla Seasons.csv tiene un único valor por temporada. Puede usarlo como alternativa para filtrar esas dos primeras temporadas.

  1. Usando las pestañas en la parte inferior de la pantalla, diríjase a la pestaña Tracking Star Bakers (Seguimiento de pasteleros estrella).
  2. Arrastre Year (Año) al estante Filters (Filtros).
  3. Seleccione las casillas de verificación junto a 2010 y 2011.
  4. Marque la casilla Exclude selected values (Excluir valores seleccionados). De lo contrario, conservará solo esos dos años en lugar de filtrarlos.
  5. Haga clic en OK (Aceptar).
  6. Haga clic con el botón secundario en el óvalo Year (Año) en el estante Filters (Filtros) para abrir el menú.
  7. Haga clic en Apply to Worksheets (Aplicar a las hojas de trabajo) | All Using This Data Source (Todas las que usan esta fuente de datos). El óvalo en el estante Filters (Filtros) ahora debería mostrar un ícono de fuente de datos adelante.

¿Cuáles son los siguientes pasos? ¡Probar el dashboard!

Probar el dashboard

A la hora de crear dashboards, todo se trata de probar. Probar, probar y probar.

  1. Vuelva a hacer clic en la pestaña Baker Performance (Rendimiento de los pasteleros) en el dashboard.
  2. Establezca el filtro para las temporadas 2 o 1. Oh, vaya. ¡Se ve aún peor! ¡Ahora está todo en blanco! Los datos se filtraron, pero la opción de elegir temporadas sigue allí. Bien, veamos. ¿Queremos que el filtro Seasons (Temporadas) muestre las temporadas 1 y 2 como opciones? Sinceramente, no. Podemos ocultarlos con una función muy práctica del control de filtro.
  3. Abra el menú del control de filtro.
  4. Haga clic en Only Relevant Values (Solo los valores relevantes).

No más temporadas 1 y 2 molestas obstaculizando su trabajo. Ahora la temporada 3 es la más temprana. (Puede que tenga que explorar las opciones del filtro para poder actualizar esto).

¡Todo se ve excelente! Con el filtro establecido en la temporada 3, desplace el cursor sobre el ícono de apretón de manos y deje que la acción de resaltado cuente su propia historia. Parece que Ryan recibió un apretón de manos en el episodio 7, pero como su línea termina ahí, entonces también sabemos que lo eliminaron en ese episodio. Después de todo, un apretón de manos no es garantía de continuación.

Recursos