En esta segunda parte, continuaremos viendo la personalización del dashboard y componentes suplementarios que podemos utilizar en nuestros dashboards.
En esta sesión revisaremos los siguientes temas:
1. Organización y aspecto.
Storyboards
Logramos crear storyboards utilizando el comando storyboard: true. Ejercicio: Revisar el ejemplo flex10_storyboard y ejecutarlo.
Código Flex10
En este ejemplo, se puede observar tambien la presencia de dos líneas de código nuevas en el encabezado: social:menu y source: embed. social:menu añade el boton de compartir en redes sociales mientras que source: embed permite tener un enlace al código fuente de la página. Ambas opcione se muetran en la barra de navegación superior del dashboard
Resultado Flex10
Barra lateral
Añadiendo el comando {.sidebar} al finalizar el título de la página la convertiremos en una barra lateral.
Adicionalmente, en este ejemplo vemos el uso de íconos para personalizar las páginas utilizando {data-icon="fa-list"} y {data-icon="fa-map"}. Otros íconos que pueden utilizarse pueden encontrarse aquí.
Temas
Para editar el tema del fleshdashboard, es decir, para personalizar su dashboard según un modelo de colores, utilizaremos una línea adicional en el encabezado:
Los siguientes temas están disponibles para ser utilizados:
- default
- cosmo
- bootstrap
- cerulean
- journal
- flatly
- readable
- spacelab
- united
- lumen
- paper
- sandstone
- simplex
- yeti
2. Componentes.
Además de los gráficos básicos de R, los flexdashboards nos permiten incorporar otros componentes: tablas de datos, gráficos interactivos con HTMLwidets y cuadros de valores (ValueBox), y medidores (gauges).
Tablas de datos
En el ejemplo anterior (Flex10), podemos observar el uso de la libería DT para mostrar tablas de datos.
Ejemplo flex10: Código para mostrar una taba de datos
HTML widgets
Mapa interactivo con Leaflet.
En el archivo Flex11_Leaflet se observa un ejemplo para el uso de mapas en flexdashboards en donde se carga la librería leaflet. Note que ningún encabezado adicional es necesario.
Asimismo, en los cuadros de flexdashboards estáticos, es posible utilizar diferentes paquetes con htmlwidgets. Podemos ver algunos ejemplos en el siguiente enlace.
Cuadros de valor (ValueBox):
Para utilizar los cuadros de valor (ValueBox) no es necesario ajustar el encabezado. Cuando necesitemos utilizarlos, usaremos el comando ValueBox de la librería flexdashboard. Los valueBox pueden mostrarse en diversos colores como se puede observar en el siguiente resultado:
Medidores (Gauges)
Utilizaremos el comando gauge de la librería flexdashboards para crear estos medidores. En estos medidores podemos indicar los niveles para los cuales queremos que se activen los colores de alerta(rojo), de advertencia (anaranjado) o de estado normal (verde). No necesita ningún encabezado complementario.
** Para mayor información sobre otros componentes que podemos utilizar en los dashboards, puede revisar la documentación oficial de RStudio en el siguiente enlace
¡Listo! ¡Hemos terminado! Ahora, a relajarse y practicar.