class: center, middle, inverse, title-slide .title[ # Semillero R ] .subtitle[ ## Sesión 3: Visualización con R -
ggplot2
] .institute[ ### Universidad Nacional - Universidad de Antioquia ] .date[ ### 2022-12-03 ] --- class: middle <center> <h1> Exploración de datos</h1> </center> <center> <img src = "https://es.r4ds.hadley.nz/diagrams_w_text_as_path/es/data-science-explore.svg" /> </center> > *"Conviva con sus datos antes de sumergirse en el modelamiento."* — Leo Breiman<sup>1</sup> <br> <br> <br> .foot-note[ [1][Statistical Modeling: The Two Cultures](http://users.csc.calpoly.edu/~dsun09/data401/readings/Breiman-Two-Cultures.pdf) ] --- class: inverse, center, middle # `ggplot2` <center> <img src="https://ggplot2.tidyverse.org/logo.png"; height= 320/> </center> ### [La gramática de gráficos en capas (artÃculo Hadley Wickham)](http://vita.had.co.nz/papers/layered-grammar.pdf) ### [CapÃtulo 3 R for Data Science - Visualización de datos](https://es.r4ds.hadley.nz/visualizaci%C3%B3n-de-datos.html) --- class: middle # ¿Cómo funciona `ggplot2`? .pull-left[ <center> <img src="img/ggplot2_1.PNG"/> </center> ] .pull-right[ <br> <br> <center> <img src="img/ggplot2_2.PNG"/> </center> ] <br> .foot-note[ Tomado de [*hoja de referencia `ggplot2`*](https://www.rstudio.com/wp-content/uploads/2016/12/ggplot2-cheatsheet-2.1-Spanish.pdf) ] --- class: inverse, middle, center # Diccionario de gráficos ### 1. Cantidades ### 2. Distribuciones ### 3. Proporciones ### 4. Relaciones *x - y* ### 5. Datos geoespaciales ### 6. Incertidumbre .foot-note[ Fuente: [*capÃtulo 5 Fundamentals of Data Visualization*](https://clauswilke.com/dataviz/directory-of-visualizations.html) ] --- class: inverse, center, middle # `ggplot2` + `plotly` .pull-left[ <center> <img src="https://ggplot2.tidyverse.org/logo.png" ; height= 200/> </center> <center> <img src="https://upload.wikimedia.org/wikipedia/commons/3/37/Plotly-logo-01-square.png" ; width= 900/> </center> ] .pull-right[ <br> <br> <br> ## [`ggplotly()`](https://plotly.com/ggplot2/) ] --- class: inverse, center, middle # Recursos de información .pull-left[ ### [Fundamentals of Data Visualization](https://clauswilke.com/dataviz/) <center> <img src="https://clauswilke.com/dataviz/cover.png"; height= 300/> </center> ] .pull-right[ ### [Data Visualization: A practical introduction](https://socviz.co/index.html) <center> <img src="https://socviz.co/assets/dv-cover-pupress.jpg"; height= 300/> </center> ] --- class: inverse, center, middle # <center> <img src = "img/gracias.gif" width = 600 /> </center>