class: center, middle, inverse, title-slide # Flexdashboard ## ⚔ ### Duvan Nieves ### 18 noviembre, 2021 --- class: inverse,center, middle # Paquetes necesarios ```r install.packages("shiny") install.packages("flexdashboard") ``` --- # 1,2 Dashboard ![](picture/dash.gif) --- # Diseño 1 .pull-left[ ```r --- title: "Single Column (Fill)" output: flexdashboard::flex_dashboard: vertical_layout: fill --- ### Chart 1 <Codigo> ### Chart 2 <Codigo> ``` ] .pull-right[ ![](picture/Chart1.svg) ![](picture/Chart2.svg) ] --- .pull-left[ # Diseño 2 ```r --- title: "Multiple Columns" output: flexdashboard::flex_dashboard --- Column {data-width=600} ------------------------------------- ### Chart 1 <Codigo> Column {data-width=400} ------------------------------------- ### Chart 2 <Codigo> ### Chart 3 <Codigo> ``` ] .pull-right[ <br> <br> <br> <br> <br> ![](picture/Chart3.png) ] --- .pull-left[ # Diseño 3 ```r --- title: "Row Orientation" output: flexdashboard::flex_dashboard: orientation: rows --- Row ------------------------------------- ### Chart 1 <Codigo> Row ------------------------------------- ### Chart 2 <Codigo> ### Chart 3 <Codigo> ``` ] .pull-right[ <br> <br> <br> <br> <br> ![](picture/Chart4.png) ] --- .pull-left[ # Diseño 4 ```r --- title: "Tabset Column" output: flexdashboard::flex_dashboard --- Column ------------------------------------- ### Chart 1 <Codigo> Column {.tabset} ------------------------------------- ### Chart 2 <Codigo> ### Chart 3 <Codigo> ``` ] .pull-right[ <br> <br> <br> <br> <br> ![](picture/Chart5.png) ] --- .pull-left[ # Diseño 5 ```r --- title: "Tabset Row" output: flexdashboard::flex_dashboard: orientation: rows --- Row ------------------------------------- ### Chart 1 <Codigo> Row {.tabset .tabset-fade} ------------------------------------- ### Chart 2 <Codigo> ### Chart 3 <Codigo> ``` ] .pull-right[ <br> <br> <br> <br> <br> ![](picture/Chart6.png) ] --- ## Ajustes de tamaño ```r > Row {data-height=650} > ### Chart 1 {data-height=600} ``` ## Paginado ```r Page 1 ===================================== ### Chart 1 <Codigo> Page 2 ===================================== ### Chart 1 <Codigo> ``` --- # Barra de navegación ```r Page 1 {data-navmenu="Menu A"} ===================================== Page 2 {data-navmenu="Menu A"} ===================================== Page 3 {data-navmenu="Menu B"} ===================================== Page 4 {data-navmenu="Menu B"} ===================================== ``` --- # Barra de lateral ```r Sidebar {.sidebar} ===================================== Link to [Page 3](#page-3) Page 2 {data-icon="fa-hashtag"} ===================================== Page 3 {.hidden} ===================================== ``` --- # Temas ```r --- title: "Themes" output: flexdashboard::flex_dashboard: theme: bootstrap --- ``` .pull-left[ * default * cosmo * bootstrap * cerulean * journal * flatly * readable ] .pull-right[ * spacelab * united * lumen * paper * sandstone * simplex * yeti ] > [Otros Temas](https://pkgs.rstudio.com/flexdashboard/articles/theme.html) --- # [Ejemplos](https://rstudio.github.io/flexdashboard/articles/examples.html) * [Informdede ventas](https://beta.rstudioconnect.com/jjallaire/htmlwidgets-highcharter/htmlwidgets-highcharter.html#best-sellers) * [Paquetes R](https://jjallaire.shinyapps.io/shiny-crandash/) * [Gráfico con tabla](https://jjallaire.shinyapps.io/shiny-ggplot2-brushing/) * [NBA](https://beta.rstudioconnect.com/jjallaire/htmlwidgets-d3heatmap/htmlwidgets-d3heatmap.html) * [Bancos de Sangre](https://opndt.shinyapps.io/bloodbank_india/) * [Radar Hospital](https://ceefluz.shinyapps.io/radar/) * [Seguimiento COVID](https://vac-lshtm.shinyapps.io/ncov_tracker/) * [CRAN](https://gallery.shinyapps.io/cran-explorer/) --- # Complementos * [DT](https://rstudio.github.io/DT/) * [Leaflet](https://rstudio.github.io/leaflet/) * [Plotly](https://plotly.com/r/getting-started/) --- # Plataformas educativas .pull-left[ 1. [Datacamp](https://www.datacamp.com/) 1. [Coursera](https://es.coursera.org/) 1. [edx](https://www.edx.org/es) 1. [Udemy](https://www.udemy.com/) 1. [Lynda](https://www.lynda.com/) ] .pull-right[ 1. [Codecademy](https://www.codecademy.com/) 1. [Udacity](https://www.udacity.com/) 1. [w3schools](https://www.w3schools.com/) 1. [Programmr](http://www.programmr.com/) 1. [CODE AVENGERS](https://www.codeavengers.com/) ] --- # Recursos generales .pull-left[ * [R para principiantes](https://cran.r-project.org/doc/contrib/rdebuts_es.pdf) * [Métodos estadísticos con R y R Commander](https://cran.r-project.org/doc/contrib/Saez-Castillo-RRCmdrv21.pdf) * [Gráficos estadísticos con R](https://cran.r-project.org/doc/contrib/grafi3.pdf) * [Cheat Sheet R](https://rstudio.com/resources/cheatsheets/) * [R-Exercises](https://www.r-exercises.com/) * [R for Data Science](https://es.r4ds.hadley.nz/) ] .pull-right[ * [Practice Python](https://www.practicepython.org/) * [Towards Data Science](https://towardsdatascience.com/) * [TinyStats](https://tinystats.github.io/teacups-giraffes-and-statistics/01_introToR.html) * [Aplicaciones ML](https://github.com/firmai/industry-machine-learning/blob/master/README.md) * [Compilador online](https://rextester.com/) ] --- #Comunidades 1. [Python Colombia](https://www.python.org.co/) 1. [PyLadies Medellín](https://www.meetup.com/es-ES/Python-Ladies-Medellin/) 1. [Women Who Code Medellín](https://www.womenwhocode.com/medellin) 1. [She Codes Angular Medellín](https://www.meetup.com/es-ES/Python-Ladies-Medellin/) 1. [R-Ladies Medellín](https://www.meetup.com/es/rladies-medellin/) 1. [DATA SCIENCE FEM](https://www.datasciencefem.com/) --- class: center, middle #Gracias! ![](../AMET/avatarc.png) .pull-down[ <a href="https://duvancho321.github.io/"> .white[
duvancho321.github.io] </a> <a href="https://twitter.com/DuvanNievesRui1"> .white[
@DuvanNievesRui1] </a> <a href="https://github.com/Duvancho321"> .white[
@Duvancho321] </a> <a href="https://rpubs.com/duvancho321_"> .white[
RPubs] </a> ]