15 Tableros de control
15.1 Resumen
Un tablero de control presenta diversas visualizaciones de datos (tablas, gráficos, mapas, etc.) de manera conjunta, distribuidas en arreglos de filas y columnas. Pueden contar con barras de navegación, barras de herramientas, páginas y pestañas (tabs).
15.2 Trabajo previo
15.2.1 Lecturas
Quarto - Quarto Dashboards. (s.f.). https://quarto.org/docs/dashboards/
Quarto - Dashboard Layout. (s.f.). https://quarto.org/docs/dashboards/layout.html
15.3 Introducción
Un tablero de control, también llamado cuadro de mando o dashboard, es un tipo de interfaz gráfica de usuario que reúne visualizaciones de datos e información resumida relevantes para una temática, objetivo o proceso particular. Estas visualizaciones se presentan principalmente en formato de tablas, gráficos estadísticos y mapas. El término dashboard hace referencia al tablero de indicadores de un automóvil, el cual le permite al conductor monitorear rápidamente las funciones principales del vehículo (velocidad, combustible, etc.).
Los tableros de control son usualmente accesibles mediante un navegador web y pueden estar vinculados a fuentes de datos que se actualizan regularmente. Se caracterizan por ser interactivos y facilitar la exploración de datos a los usuarios.
Quarto facilita el desarrollo de tableros de control a través de Quarto Dashboards.
15.4 Quarto Dashboards
Quarto Dashboards es una capacidad de Quarto que permite crear tableros de control mediante los lenguajes de programación R, Python, Julia y Observable. Estos tableros de control pueden incluir componentes desarrollados en DT, Ggplot2, Plotly y Leaflet, entre otros paquetes de R. Pueden publicarse como páginas estáticas (ej. en GitHub Pages) o en un servidor Shiny para proporcionar mayor interactividad al usuario.
La Figura 15.1 muestra un tablero de control desarrollado con Quarto Dashboards.
15.4.1 Componentes
Un tablero de control desarrollado con Quarto Dashboards tiene los siguientes componentes:
Barra de navegación: incluye el título, íconos y autor junto con enlaces a páginas (si se definen más de una página).
Páginas, filas, columnas y pestañas (tabs): Las páginas, filas y columnas se definen utilizando encabezados de Markdown (con atributos opcionales para controlar la altura, el ancho y otras propiedades). Las pestañas pueden usarse para dividir aún más el contenido de una fila o columna.
Tarjetas, barras laterales y barras de herramientas: Las tarjetas son contenedores para visualizaciones de datos como tablas, gráficos estadísticos, mapas y otras. Las barras laterales y barras de herramientas se utilizan para el ingreso de datos en tableros de control interactivos.
15.4.2 Configuración
Los tableros de control son arreglos de componentes que se utilizan para proporcionar navegación y presentar datos. A continuación, se describen los elementos que se utilizan para estructurar la navegación y el diseño de los tableros de control.
15.4.2.2 Organización
Dentro de una página, los componentes del tablero de control se organizan mediante conjuntos alternos de filas y columnas. Las filas y columnas, a su vez, se definen mediante encabezados de Markdown y celdas computacionales (bloques de código).
15.4.2.3 Páginas
Para introducir múltiples páginas, se utilizan encabezados de nivel 1 sobre los encabezados de nivel 2, los cuales se usan para definir filas y columnas. El texto de los encabezados de nivel 1 se usa para enlazar a las páginas en la barra de navegación.
15.4.2.4 Pestañas
Las pestañas (tabs) se utilizan para incluir múltiples vistas de datos o contenido de importancia secundaria sin que interfiera con la visualización principal. Las pestañas se crean añadiendo la clase .tabset a una fila o columna.
15.4.2.5 Tarjetas
Las tarjetas son la unidad fundamental de visualización en un tablero de control. Constituyen el contenido de las filas y las columnas.
Para más información sobre la configuración de los tableros de control, se recomienda consultar Dashboard Layout.
15.5 Ejemplo
El siguiente es un tablero de control relacionado con el Atlas de Desarrollo Humano Cantonal 2024.
Ejercicio
Agregue al mapa la capa raster de densidad de población de Costa Rica compartida por WorldPop en https://data.worldpop.org/GIS/Population/Global_2021_2022_1km_UNadj/unconstrained/2022/CRI/.
15.6 Recursos adicionales
Quarto Dashboards | Charles Teague | Posit
Ejemplos de tableros de control desarrollados con Quarto Dashboards