class: center, middle, inverse, title-slide .title[ # Semillero R ] .subtitle[ ## Sesión 5: Tableros de datos - <code>flexdashboard</code> ] .institute[ ### Universidad Nacional - Universidad de Antioquia ] .date[ ### 2021-04-26 ] --- class: inverse, center, middle # [`flexdashboard`](https://rmarkdown.rstudio.com/flexdashboard/) <center> <img src = "https://raw.githubusercontent.com/rstudio/hex-stickers/master/thumbs/flexdashboard.png" /> </center> --- class: inverse, center, middle # ¿Cómo crear Flex Dashboard? <center> <img src = "https://pkgs.rstudio.com/flexdashboard/reference/figures/NewRMarkdown.png" width = 550/> </center> --- class: inverse, center, middle # Diseños <center> <img src = "https://www.clipartmax.com/png/full/285-2856299_software-development-clipart-client-computer-sales-dashboard-icon-transparent.png" width = 500/> </center> --- # Diseños básicos: una página .panelset[ .panel[.panel-name[Fill] <center> <img src = "img/fdash1.PNG" height= 450/> </center> ] .panel[.panel-name[Scroll] <center> <img src = "img/fdash2.PNG" height= 450/> </center> ] .panel[.panel-name[Múltiples - Rows] <center> <img src = "img/fdash4.PNG" height= 450/> </center> ] .panel[.panel-name[Múltiples - Columns] <center> <img src = "img/fdash3.PNG" height= 450/> </center> ] .panel[.panel-name[Tabsets] <center> <img src = "img/fdash5.PNG" height= 450/> </center> ] ] --- # Apariencia: temas, logo y favicon .panelset[ .panel[.panel-name[Temas] .pull-left[ - default - cosmo - bootstrap - cerulean - journal - flatly - readable - spacelab - united - lumen - paper - sandstone - simplex - yeti ] .pull-right[ <center> <img src = "https://static.appvn.com/a/uploads/thumbnails/082016/themes-for-plus-messenger_icon.png"/> </center> ] ] .panel[.panel-name[Plantilla - Temas, Logo y Favicon] - **Tema:** <center> <img src = "img/fdash6.PNG"/> </center> - **Logo y Favicon:** <center> <img src = "img/fdash7.PNG"/> </center> ] ] --- class: inverse, middle, center # Elementos básicos ### Paneles &#8594; Filas y Columnas ### Componentes &#8594; `###` ### `vertical_layout` &#8594; `fill` / `scroll` ### Filas/Columnas &#8594; `-------------` ### `orientation` &#8594; `rows` / `columns` ### Botones &#8594; `{.tabset}` --- class: inverse, middle, center # Ejemplo: Raíces, Bulbos y Tubérculos Valle del Cauca ## [Descargar logo y favicon](/Actividades/2021_01/img/logo3.png) ## [resizeimage.net](https://resizeimage.net/) --- class: inverse, middle, center # [R Markdown: The Definitive Guide - Chapter 5](https://bookdown.org/yihui/rmarkdown/dashboards.html) <center> <img src="https://bookdown.org/yihui/rmarkdown/images/cover.png" width = 330/> </center> --- class: inverse, center, middle # <center> <img src = "img/gracias.gif" width = 600 /> </center>