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

Al finalizar esta unidad, podrá:

  • Minimizar el desorden en una visualización.
  • Personalizar las descripciones emergentes.
  • Establecer el ajuste de una visualización.

Conectar su cuenta de Tableau Public

Para comenzar, conéctese a su cuenta de Tableau Public en la ventana de la zona de pruebas que se encuentra 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.

Como se mencionó en la primera unidad, está trabajando en visualizaciones que permiten comprender las prácticas recomendadas para crear dashboards que cuenten una historia. Si quiere ver cómo se creó una visualización, abra el menú Worksheet (Hoja de trabajo) | Show Caption (Mostrar título).

Eliminar el desorden

Ya tiene un análisis hecho, ¿pero significa que está todo listo? No, porque tiene que comunicar lo que figura en él. Es preciso que quien esté visualizando se centre en el aspecto correcto —el análisis— y no en el desorden o los elementos que distraen. Además, debe guiarlo para que comprenda lo que sucede en la visualización. En definitiva, el aspecto más importante de crear un dashboard es recordar que está pensado para la persona que lo visualiza.

Es hora de darle un buen aspecto a la visualización.

  1. Compruebe que esté en la pestaña Tracking Star Bakers (Seguimiento de pasteleros estrella). El eje no es muy útil y solo suma desorden visual. Vamos a ocultarlo.
  2. Haga clic con el botón secundario en el eje vertical y desmarque Show Header (Mostrar encabezado).

Recuerde lo que vimos en la primera unidad: el campo de estado numérico asigna una cifra a cada estado: Star Baker (Pastelero estrella) (2), Did well (Buen rendimiento) (1), Safe (Seguro) (0), At risk (En riesgo) (-1) y, en la parte inferior, Eliminated (Eliminado) (-2). Esto es solamente para crear el gráfico de líneas; la persona que observa la visualización no necesita conocer esta información. Está bien que lo haya ocultado como parte de las prácticas recomendadas de diseño informado.

  1. Las líneas de cuadrícula se muestran de forma predeterminada. No obstante, para la visualización no son necesarias. Abra el menú Format (Formato) arriba de la barra de herramientas y seleccione Worksheet… (Hoja de trabajo).
    • Puede contraer el panel Data (Datos) para que haya más lugar. En el panel Data (Datos), haga clic en el signo de intercalación junto a Analytics (Análisis), justo debajo de la barra de herramientas. Para volver a expandir el panel más tarde, haga clic en el signo de intercalación nuevamente.
      Captura de pantalla con la parte superior del panel Data (Datos) y el signo de intercalación para contraer/expandir en un recuadro.
  2. En el panel Format (Formato), la sección Fonts (Fuentes) está abierta. Cambie el tamaño de fuente de Header (Encabezado) a 12.
  3. Contraiga la sección Fonts (Fuentes) y expanda la sección Lines (Líneas).
  4. Abra el menú desplegable en Grid Lines (Líneas de cuadrícula) | All (Todo) y seleccione Off (Desactivado).
  5. Abra el menú desplegable en Zero Lines (Líneas de cero) | All (Todo) y seleccione Off (Desactivado).
  6. Procure, también, que los bordes sean menos evidentes. Expanda la sección Borders (Bordes).
  7. En Row Dividers (Divisores de filas), abra el menú desplegable Pane (Panel) y establezca el color de las líneas en el gris más claro, #F5F5F5.
  8. Seleccione el botón de alternancia Column Dividers (Divisores de columnas) para desactivarlos por completo.
  9. Haga clic en la X en la esquina superior derecha del panel Format (Formato) para cerrarlo.

Organizar los campos y el ajuste

Las etiquetas de campos también están presentes de forma predeterminada. También puede desactivarlas.

  1. En la esquina superior izquierda de la visualización, haga clic con el botón secundario en la palabra Baker (Pastelero).
  2. Luego, seleccione Hide Field Label for Rows (Ocultar etiqueta de campo para filas).
  3. Avance hacia la derecha y haga clic con el botón secundario en Episode (Episodio) | Hide Field Label for Columns (Ocultar etiqueta de campo para columnas). Según el tamaño de su pantalla, la visualización podría tener un espacio en blanco sobre la derecha o una barra de desplazamiento vertical.
  4. Puede definir el ajuste de la visualización para que ocupe todo el espacio. En la barra de herramientas, use el ícono de control Fit (Ajuste) Ícono de control de ajuste | Entire View (Vista completa) para que la visualización llene automáticamente el espacio disponible.

Agregar una diferenciación significativa

Hasta ahora, se ocupó de quitar elementos o de que sean menos evidentes. Ahora vamos a agregar contenido. Las líneas en la visualización rastrean el estado de un pastelero en cada episodio. Agregar sombreado a la visualización permite distinguir entre un buen rendimiento y un mal rendimiento, que es lo que le interesa a la persona que consume la visualización, y no las cifras en sí.

  1. En la parte superior del panel de datos, haga clic a en la pestaña Analytics (Análisis). Nota: Si ya contrajo el panel anteriormente, la pestaña Analytics (Análisis) se encontrará debajo de la pestaña Data (Datos).
  2. En Custom (Personalizado), arrastre Reference Band (Banda de referencia) y suéltelo en el área de destino Pane (Panel).
  3. Defina la banda para el sombreado desde 0 hacia abajo. Cada vez que la línea caiga en el área sombreada, significará que el pastelero tuvo un mal rendimiento:
    • Cambie la opción Computation (Cómputo) para Value (From) (Valor [desde]) de Minimum (Mínimo) a Constant (Constante). La cifra de Value (From) (Valor [desde]) debería actualizarse de SUM(Numerical status) (Suma [Estado numérico]) a -2.
    • Cambie la cifra de Value (From) (Valor [desde]) a -3. Esto garantiza que la banda no termine en el mismo valor que una marca en la visualización, sino que se extienda más allá de esa marca.
    • Establezca Label (Etiqueta) en None (Ninguna).
    • Establezca Tooltip (Descripción emergente) en None (Ninguna).
    • Cambie la opción Computation (Cómputo) para Value (To) (Valor [hasta]) de Maximum (Máximo) a Constant (Constante). La cifra de Value (To) (Valor [hasta]) debería actualizarse de SUM(Numerical status) (Suma [Estado numérico]) a 2.
    • Cambie la cifra de Value (To) (Valor [hasta]) a 0.
    • Establezca Label (Etiqueta) en None (Ninguna).
    • Establezca Tooltip (Descripción emergente) en None (Ninguna).
  4. Cierre el cuadro de diálogo.
  5. En la visualización, haga clic en una banda y, luego, pase el cursor sobre la línea en la parte superior para poder ver el menú. (Puede ser un proceso un poco puntilloso. Si tiene problemas, pruebe mover un poco el cursor y hacer algunos clics).
    Captura de pantalla de la ubicación correcta del puntero del mouse en la parte superior de una banda de referencia y el menú flotante que emerge, con las opciones Edit (Modificar), Format (Formato) y Remove (Quitar).
  6. Haga clic en Format (Formato).
  7. En el panel Format (Formato) a la derecha, cambie Fill (Relleno) al gris más claro, #F5F5F5.
  8. Cierre el panel. El sombreado no llega hasta la parte inferior de la fila de cada pastelero. Esto es porque el eje se ajusta automáticamente para no cortar los valores en la visualización. Si la banda sombreada llega a -3, el eje se ve forzado a empezar en -4.
  9. Haga clic con el botón secundario en el campo SUM(Numerical status) (Suma [Estado numérico]) en el estante Rows (Filas).
  10. Seleccione Show Header (Mostrar encabezado) para que regrese el eje.
  11. Haga clic con el botón secundario en un eje y seleccione Edit Axis (Modificar eje).
  12. En Range (Rango), cambie la selección de Automatic (Automático) a Custom (Personalizado).
  13. Cambie el comienzo fijo de -4 a -3.
  14. Cierre el cuadro de diálogo.
  15. Vuelva a hacer clic con el botón secundario en el eje y desmarque Show Header (Mostrar encabezado).

Agregar texto explicativo

Para darle el toque final a la visualización, agregue texto que explique exactamente lo que está ocurriendo. Agregue un subtítulo a la visualización y configure la descripción emergente.

  1. En la parte superior de la visualización, haga doble clic en Tracking Star Bakers (Seguimiento de pasteleros estrella) para abrir el editor Title (Título).
    • Deje la opción <Sheet Name (Nombre de la hoja)> tal cual está y agregue una línea después.
    • Cambie el tamaño de fuente a 9.
    • Ingrese: The line tracks the overall performance of every baker who was Star Baker at least once.Hover over marks in the viz for more detailed information. (La línea rastrea el rendimiento general de cada participante que fue Pastelero estrella al menos una vez. Pase el cursor sobre las marcas en la visualización para obtener información más detallada).
    • Deje la última oración en cursiva.
    • Haga clic en OK (Aceptar) para cerrar el editor.
  1. Arrastre Status (Estado) a la tarjeta Tooltip (Descripción emergente).
    • Si sigue viendo el panel Analytics (Análisis) en el extremo izquierdo, vuelva a la pestaña Data (Datos) del panel para ver las tablas y los campos. Y no olvide la barra de búsqueda en el panel Data (Datos) si no encuentra un campo.
  2. Haga clic en la tarjeta Tooltip (Descripción emergente) y borre la información predeterminada.
  3. Actualice la descripción emergente.
    • Ingrese At the end of episode (Al final del episodio) y agregue un espacio.
    • Haga clic en Insert (Insertar) | Episode (Episodio).
    • Agregue una coma, , y un espacio.
    • Luego, inserte Baker (Pastelero).
    • Agregue 's status was (El estado de X fue) y agregue también un espacio.
    • Por último, inserte ATTR(Status) (Atributo [Estado]) y agregue un punto .
    • Recuerde usar el menú Insert (Insertar) para introducir los valores entre corchetes angulares; no los escriba.
    • Opcional: Puede ajustar el formato de la descripción emergente según su gusto y, por ejemplo, configurar en negrita los valores dinámicos basados en campos.
  4. Desmarque la casilla Include command buttons (Incluir los botones de comandos). Esto impide que la barra de herramientas aparezca en la descripción emergente tras unos segundos. Si no necesita esos botones, una buena idea es ocultarlos para tener ordenada la descripción emergente.
  5. Haga clic en OK (Aceptar) y pruebe la descripción emergente pasando el cursor sobre las marcas en la vista.

Puede que la banda de referencia fluctúe mientras pasa el cursor por la vista. Esto se aplica solo al entorno de creación y no será visible para quienes observen la visualización publicada.

Recursos