Instalación
Necesitaremos instalar el paquete flexdashboard para poder crear nuestros dashboards en esta sesión. Para instalar el paquete, solo deberá ejecular el siguiente comando en R:
install.packages(“flexdashboard”)
La instalación se realiza una sola vez.
Luego, para revisar la instalación, escribimos library(flexdashboard) en la consola. Si tuvimos una instalación correcta, no debemos obtener errores al ejecturar este comando.
1. Organización.
Comenzaremos viendo la organización de los objetos básicos que disponemos para los dashboards.
Por columnas:
En los dashboards creados con flexdashboards, por defecto, se crearán columnas utilizando el siguiente delimitador: --------.
Al interior de cada columna, cuando iniciamos una línea con ### estamos creando cuadros. Estos cuadros se organizarán en filas por defecto.
Por filas:
En este caso, se añade una línea al inicio orientation:row; y luego, se crean filas (en lugar de columnas) utilizando el delimitador --------. Ahora, los cuadros dentro de cada fila se organizarán en columnas.
2. Personalizar columnas, filas y cuadros:
Añadir desplazamiento.
Añadimos vertical_layout: scroll en el encabezado.
Tamaño de las columnas y filas.
Añadimos {data-height=[valor]} y {data-width=[valor]} para editar los tamaños de las columnas y filas.
Cuadros agrupados.
Podremos agrupar dos o más cuadros utilizando el comando {.tabset} en la fila o columna en donde se alojarán los cuadros.
Transición entre cuadros agrupados:
Adicionalmente, agregamos un efecto de transición utilizando el comando {.tabset .tabset-fade}
Ejemplo: Flex7
3. Páginas
Comenzamos una página al utilizar el separador siguiente: ======
Página con enlace:
Podemos añadir páginas que tengan enlaces hacia otra página. Le definición de las páginas y enlaces se realiza en el encabezado del Rmd.
Ver el ejemplo completo en: Flex9_MultiplePag_Fila.Rmd.
Enlazando objetos dentro del mismo dashboards.
Para esto necesitamos darle un nombre alias a las páginas que creemos.
Creación de alias de la página 3
Luego, desde donde queremos enlazar la página, utiliaremos el alias entre parentesis para añadir el enlace:
Agrupación de páginas.
Para agrupar páginas, añadimos el nombre del menú al lado de la definición de la Página. Utilizamos el siguiente código: {data-navmenu="Menú X"}.
¡Felicidades! ¡Estas listo para comenzar a crear tu primer flexdashboard!