class: center, middle, inverse, title-slide # Dashboards, gráficos, mapas: Possibilidades de visualização de dados com R<BR> ## #NERDZÃOWEEK <BR><BR> bit.ly/NeRdzao ### Beatriz Milz ### 02/08/2019 --- layout: true <div class="my-footer"><span> Twitter: <a href="https://twitter.com/BeaMilz">@BeaMilz</a> - Palestra disponível em: <a href="https://bit.ly/NeRdzao">bit.ly/NeRdzao</a> </span></div> --- class: center, middle ## Beatriz Milz - Doutoranda no Programa de Pós-Graduação em Ciência Ambiental (PROCAM) - Instituto de Energia e Ambiente - Universidade de São Paulo - Bolsita FAPESP - Processo nº 2018/23771-6 - Projeto Temático FAPESP Macroamb - Processo nº 2015/03804-9 <img src="img/logos_bia.png" width="80%" style="display: block; margin: auto;" /> - Equipe da Secretaria Executiva Editorial - [Revista Ambiente & Sociedade](http://scielo.br/asoc) - Anteriormente: - Mestre em Ciências - UNIFESP - Bacharel em Gestão Ambiental - EACH/USP - Co-organizadora - [R-Ladies São Paulo](https://www.meetup.com/pt-BR/R-Ladies-Sao-Paulo) --- class: center <div class="figure" style="text-align: center"> <img src="img/hexlogorladies.jpeg" alt="<center><b>Logo - R-Ladies </center></b>" width="15%" /> <p class="caption"><center><b>Logo - R-Ladies </center></b></p> </div> - R-Ladies é uma organização mundial que **promove a diversidade de gênero** na comunidade da linguagem R. - R-Ladies São Paulo integra, orgulhosamente, a organização R-Ladies Global, em São Paulo. -- - [Código de conduta - R-Ladies](https://github.com/rladies/starter-kit/wiki/Code-of-Conduct#portuguese) -- - Saiba mais: - Website RLadies Global: [https://rladies.org/](https://rladies.org/) - Twitter: [@RLadiesGlobal](https://twitter.com/rladiesglobal), [@RLadiesSaoPaulo](https://twitter.com/RLadiesSaoPaulo) - Instagram: [@RLadiesSaoPaulo](http://instagram.com/RLadiesSaoPaulo) - Facebook: [@RLadiesSaoPaulo](http://facebook.com/RLadiesSaoPaulo) - MeetUp: [https://www.meetup.com/pt-BR/R-Ladies-Sao-Paulo](https://www.meetup.com/pt-BR/R-Ladies-Sao-Paulo) - Github: [https://github.com/rladies/meetup-presentations_sao-paulo](https://github.com/rladies/meetup-presentations_sao-paulo) --- class: middle, center # Objetivos: ## Para iniciantes :) -- ## 1 - O que é R? -- ## 2 - O que são pacotes? -- ## 3 - Quais são os pacotes mais utilizados para visualizações de dados no R? --- class: middle # O que é R? - É uma linguagem de programação - É também um software gratuito - Saiba mais em: [r-project.org](https://www.r-project.org/about.html) <div class="figure" style="text-align: center"> <img src="img/R_logo.svg.png" alt="<center><b>Logo - R </center></b>" width="50%" /> <p class="caption"><center><b>Logo - R </center></b></p> </div> --- class: middle <div class="figure" style="text-align: center"> <img src="img/allisonhorst/principio_agora_pt.png" alt="<center><b>Ilustração por Allison Horst - Twitter: <a href='https://twitter.com/allison_horst/'> @allison_horst</a> </b></center>" width="50%" /> <p class="caption"><center><b>Ilustração por Allison Horst - Twitter: <a href='https://twitter.com/allison_horst/'> @allison_horst</a> </b></center></p> </div> --- # O que mudou (para mim)? <BR> -- <div class="figure" style="text-align: center"> <img src="img/rstudio.png" alt="<center><b>RStudio</center></b>" width="10%" /> <p class="caption"><center><b>RStudio</center></b></p> </div> <br> -- <div class="figure" style="text-align: center"> <img src="img/hexlogorladies.jpeg" alt="<center><b>R-Ladies e comunidades</center></b>" width="10%" /> <p class="caption"><center><b>R-Ladies e comunidades</center></b></p> </div> <br> -- <center><b>Bolsas de diversidade/Diversity Scholarships</center></b> <br> -- <div class="figure" style="text-align: center"> <img src="img/rlogos/hex-tidyverse.jpg" alt="<center><b>Pacote Tidyverse</center></b>" width="10%" /> <p class="caption"><center><b>Pacote Tidyverse</center></b></p> </div> --- class: middle # Pacotes - "Um pacote R é uma coleção de funções, dados e documentação que amplia os recursos do R base" ([WICKHAM & GROLEMUND, 2017](https://r4ds.had.co.nz/)) - [**CRAN** - The Comprehensive R Archive Network](https://cran.r-project.org/web/packages/) + Mais de 14.600 pacotes disponíveis - [**Bioconductor** - Open Source Software for Bioinformatics](https://www.bioconductor.org/) + Mais de 1.700 pacotes disponíveis - [**Github**](https://github.com/) + Quantidade desconhecida! --- class: middle # Tidyverse - Os pacotes do [tidyverse](https://www.tidyverse.org/) compartilham uma filosofia comum de dados e programação R, e são projetados para trabalhar juntos naturalmente ([WICKHAM & GROLEMUND, 2017](https://r4ds.had.co.nz/)) <div class="figure" style="text-align: center"> <img src="img/allisonhorst/tidyverse.jpg" alt="<center><b>Ilustração por Allison Horst - Twitter: <a href='https://twitter.com/allison_horst/'> @allison_horst</a> </b></center>" width="70%" /> <p class="caption"><center><b>Ilustração por Allison Horst - Twitter: <a href='https://twitter.com/allison_horst/'> @allison_horst</a> </b></center></p> </div> --- class: middle # O ciclo da ciência de dados <div class="figure" style="text-align: center"> <img src="img/allisonhorst/data-analysis.jpg" alt="<center><b>Ilustração por Allison Horst - Twitter: <a href='https://twitter.com/allison_horst/'> @allison_horst</a> - Adaptado de WICKHAM & GROLEMUND, 2017</b></center>" width="100%" /> <p class="caption"><center><b>Ilustração por Allison Horst - Twitter: <a href='https://twitter.com/allison_horst/'> @allison_horst</a> - Adaptado de WICKHAM & GROLEMUND, 2017</b></center></p> </div> --- class: middle # **Quais são os principais pacotes para visualização de dados?** --- class: middle # Pacote ggplot2 <div class="figure" style="text-align: center"> <img src="img/allisonhorst/ggplot2_obra_prima_pt.png" alt="<center><b>Ilustração por Allison Horst - Twitter: <a href='https://twitter.com/allison_horst/'> @allison_horst</a> </b></center>" width="70%" /> <p class="caption"><center><b>Ilustração por Allison Horst - Twitter: <a href='https://twitter.com/allison_horst/'> @allison_horst</a> </b></center></p> </div> --- class: middle # Pacote ggplot2 <div class="figure" style="text-align: center"> <img src="img/rlogos/hex-ggplot2.png" alt="<center><b>Logo: <a href='https://rmarkdown.rstudio.com'>Pacote ggplot2</a></b></center>" width="30%" /> <p class="caption"><center><b>Logo: <a href='https://rmarkdown.rstudio.com'>Pacote ggplot2</a></b></center></p> </div> - Mantido pela [RStudio](https://rstudio.com/) - Criado pelo [Hadley Wickham](http://hadley.nz/) - Possibilita a criação de diversos tipos de gráficos --- class: middle # Exemplos ggplot2 <div class="figure" style="text-align: center"> <img src="index_files/figure-html/unnamed-chunk-13-1.png" alt="<center><b>Fonte: <a href='https://www.datanovia.com/en/blog/gganimate-how-to-create-plots-with-beautiful-animation-in-r/'>Adaptado de Data Novia</a></b></center>" width="60%" /> <p class="caption"><center><b>Fonte: <a href='https://www.datanovia.com/en/blog/gganimate-how-to-create-plots-with-beautiful-animation-in-r/'>Adaptado de Data Novia</a></b></center></p> </div> --- class: middle # Exemplos ggplot2 + gganimate <div class="figure" style="text-align: center"> <img src="index_files/figure-html/unnamed-chunk-14-1.gif" alt="<center><b>Fonte: <a href='https://www.datanovia.com/en/blog/gganimate-how-to-create-plots-with-beautiful-animation-in-r/'>Adaptado de Data Novia</a></b></center>" width="60%" /> <p class="caption"><center><b>Fonte: <a href='https://www.datanovia.com/en/blog/gganimate-how-to-create-plots-with-beautiful-animation-in-r/'>Adaptado de Data Novia</a></b></center></p> </div> --- class: middle # Exemplos ggplot2 + gganimate <div class="figure" style="text-align: center"> <img src="index_files/figure-html/unnamed-chunk-15-1.gif" alt="<center><b>Fonte: <a href='https://www.datanovia.com/en/blog/gganimate-how-to-create-plots-with-beautiful-animation-in-r/'>Adaptado de Data Novia</a></b></center>" width="60%" /> <p class="caption"><center><b>Fonte: <a href='https://www.datanovia.com/en/blog/gganimate-how-to-create-plots-with-beautiful-animation-in-r/'>Adaptado de Data Novia</a></b></center></p> </div> --- class: middle ### highcharter <div class="figure" style="text-align: center"> <div id="htmlwidget-06742866532447e979c5" style="width:100%;height:500px;" class="highchart html-widget"></div> <script type="application/json" data-for="htmlwidget-06742866532447e979c5">{"x":{"hc_opts":{"title":{"text":"Expectativa de vida por País - Mercosul","margin":20,"align":"left","style":{"color":"steelblue"}},"yAxis":{"title":{"text":null}},"credits":{"enabled":true,"text":"Gapminder Data","href":"http://gapminder.com"},"exporting":{"enabled":true},"plotOptions":{"series":{"label":{"enabled":false},"turboThreshold":0},"treemap":{"layoutAlgorithm":"squarified"}},"xAxis":{"categories":[1952,1957,1962,1967,1972,1977,1982,1987,1992,1997,2002,2007]},"series":[{"data":[50.917,53.285,55.665,57.632,59.504,61.489,63.336,65.205,67.057,69.388,71.006,72.39],"name":"Brasil"},{"data":[62.485,64.399,65.142,65.634,67.065,68.481,69.942,70.774,71.868,73.275,74.34,75.32],"name":"Argentina"},{"data":[62.649,63.196,64.361,64.951,65.815,66.353,66.874,67.378,68.225,69.4,70.755,71.752],"name":"Paraguai"},{"data":[66.071,67.044,68.253,68.468,68.673,69.481,70.805,71.918,72.752,74.223,75.307,76.384],"name":"Uruguai"}],"subtitle":{"text":"1952 à 2007","align":"left","style":{"color":"#2b908f","fontWeight":"bold"}},"legend":{"align":"left","verticalAlign":"top","layout":"vertical","x":0,"y":100},"tooltip":{"crosshairs":true,"backgroundColor":"#FCFFC5","shared":true,"borderWidth":4}},"theme":{"chart":{"backgroundColor":"transparent"}},"conf_opts":{"global":{"Date":null,"VMLRadialGradientURL":"http =//code.highcharts.com/list(version)/gfx/vml-radial-gradient.png","canvasToolsURL":"http =//code.highcharts.com/list(version)/modules/canvas-tools.js","getTimezoneOffset":null,"timezoneOffset":0,"useUTC":true},"lang":{"contextButtonTitle":"Chart context menu","decimalPoint":".","downloadJPEG":"Download JPEG image","downloadPDF":"Download PDF document","downloadPNG":"Download PNG image","downloadSVG":"Download SVG vector image","drillUpText":"Back to {series.name}","invalidDate":null,"loading":"Loading...","months":["January","February","March","April","May","June","July","August","September","October","November","December"],"noData":"No data to display","numericSymbols":["k","M","G","T","P","E"],"printChart":"Print chart","resetZoom":"Reset zoom","resetZoomTitle":"Reset zoom level 1:1","shortMonths":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"thousandsSep":" ","weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]}},"type":"chart","fonts":[],"debug":false},"evals":[],"jsHooks":[]}</script> <p class="caption"><center><b> Fonte: <a href='https://rkabacoff.github.io/datavis/Interactive.html'>Adaptado de Datavis with R </a></b></center></p> </div> --- class: middle # Pacote rmarkdown <div class="figure" style="text-align: center"> <img src="img/allisonhorst/rmarkdown_wizards.png" alt="<center><b>Ilustração por Allison Horst - Twitter: <a href='https://twitter.com/allison_horst/'> @allison_horst</a> </b></center>" width="70%" /> <p class="caption"><center><b>Ilustração por Allison Horst - Twitter: <a href='https://twitter.com/allison_horst/'> @allison_horst</a> </b></center></p> </div> --- class: middle # Pacote rmarkdown <div class="figure" style="text-align: center"> <img src="img/rlogos/hex-rmarkdown.png" alt="<center><b>Logo: <a href='https://rmarkdown.rstudio.com'>Pacote rmarkdown</a></b></center>" width="25%" /> <p class="caption"><center><b>Logo: <a href='https://rmarkdown.rstudio.com'>Pacote rmarkdown</a></b></center></p> </div> - Mantido pela [RStudio](https://rstudio.com/) - extensão `.Rmd` - Possibilita a utilização de códigos R, Markdown, HTML e outros. - Útil para relatórios dinâmicos! - Confira a [Galeria](https://rmarkdown.rstudio.com/gallery.html)! --- class: middle # Pacote rmarkdown <div class="figure" style="text-align: center"> <img src="img/RMarkdownOutputFormats.png" alt="<center><b>Fonte: <a href='https://rmarkdown.rstudio.com'>Pacote rmarkdown</a></b></center>" width="60%" /> <p class="caption"><center><b>Fonte: <a href='https://rmarkdown.rstudio.com'>Pacote rmarkdown</a></b></center></p> </div> --- class: middle # Pacote xaringan <div class="figure" style="text-align: center"> <img src="img/rlogos/hex-xaringan.png" alt="<center><b>Logo: <a href='https://github.com/yihui/xaringan'>Pacote xaringan</a></b></center>" width="30%" /> <p class="caption"><center><b>Logo: <a href='https://github.com/yihui/xaringan'>Pacote xaringan</a></b></center></p> </div> - Possibilita criar apresentações **ninja** com R Markdown - Utiliza a biblioteca remark.js - Resultado em HTML (mas também PDF - estático) --- class: middle # Pacote Shiny <div class="figure" style="text-align: center"> <img src="img/rlogos/hex-shiny3.jpg" alt="<center><b>Logo: <a href='https://shiny.rstudio.com/'>Pacote Shiny</a></b></center>" width="30%" /> <p class="caption"><center><b>Logo: <a href='https://shiny.rstudio.com/'>Pacote Shiny</a></b></center></p> </div> - Mantido pela [RStudio](https://rstudio.com/) - Dashboards interativos - Confira a [Galeria](https://shiny.rstudio.com/gallery/)! --- class: middle # Exemplo de Shiny <div class="figure" style="text-align: center"> <img src="img/periodicos_exemplo.gif" alt="<center><b>GIF: Demonstração de um <a href='https://beatriz-milz.shinyapps.io/pesquisa_periodicos/'>Shiny de consulta de Periódicos</a> </b></center>" width="100%" /> <p class="caption"><center><b>GIF: Demonstração de um <a href='https://beatriz-milz.shinyapps.io/pesquisa_periodicos/'>Shiny de consulta de Periódicos</a> </b></center></p> </div> --- class: middle # Exemplo de Shiny <div class="figure" style="text-align: center"> <img src="img/user2019shiny.gif" alt="<center><b>GIF: Demonstração de um <a href='https://apps.garrickadenbuie.com/user-2019/'>Shiny com Tweets sobre a useR!2019 Conf. </a> </b></center>" width="100%" /> <p class="caption"><center><b>GIF: Demonstração de um <a href='https://apps.garrickadenbuie.com/user-2019/'>Shiny com Tweets sobre a useR!2019 Conf. </a> </b></center></p> </div> --- class: middle # Pacote leaflet <div class="figure" style="text-align: center"> <img src="img/logo-leaflet.svg" alt="<center><b>Logo: <a href='https://leafletjs.com/'>Biblioteca Leaflet</a></b></center>" width="40%" /> <p class="caption"><center><b>Logo: <a href='https://leafletjs.com/'>Biblioteca Leaflet</a></b></center></p> </div> - Mantido pela [RStudio](https://rstudio.com/) - É uma biblioteca javascript para criação de mapas interativos. - O [pacote leaflet do R](https://rstudio.github.io/leaflet/) é um htmlwidget que permite gerar esses mapas de forma direta no R, para usar em documentos RMarkdown e Shiny. Fonte: [Post no blog da Curso-R](https://www.curso-r.com/blog/2017-02-21-markercluster/) --- class: middle # Exemplo - leaflet + Shiny <div class="figure" style="text-align: center"> <img src="img/shinyleaflet.gif" alt="<center><b>GIF: Demonstração do <a href='http://shiny.rstudio.com/gallery/superzip-example.html'>Shiny Super Zip Explorer</a> </b></center>" width="100%" /> <p class="caption"><center><b>GIF: Demonstração do <a href='http://shiny.rstudio.com/gallery/superzip-example.html'>Shiny Super Zip Explorer</a> </b></center></p> </div> - Código disponível no [Github - RStudio](https://github.com/rstudio/shiny-examples/tree/master/063-superzip-example) --- class: middle <div class="figure" style="text-align: center"> <img src="img/from-data-to-viz.png" alt="<center><b>Fonte: <a href='https://www.data-to-viz.com/'>From Data to Viz</a> </b></center>" width="95%" /> <p class="caption"><center><b>Fonte: <a href='https://www.data-to-viz.com/'>From Data to Viz</a> </b></center></p> </div> --- class: middle <div class="figure" style="text-align: center"> <img src="img/allisonhorst/community1.jpg" alt="<center><b>Ilustração por Allison Horst - Twitter: <a href='https://twitter.com/allison_horst/'> @allison_horst</a> </b></center>" width="70%" /> <p class="caption"><center><b>Ilustração por Allison Horst - Twitter: <a href='https://twitter.com/allison_horst/'> @allison_horst</a> </b></center></p> </div> --- class: center, middle ## Obrigada! <div class="figure" style="text-align: center"> <img src="img/nerdzao.png" alt="<center><b>Agradeço à Organização do NerdzãoWeek - Especialmente a <a href='https://twitter.com/tech_jessi'>Jéssica Félix</a></center></b>" width="20%" /> <p class="caption"><center><b>Agradeço à Organização do NerdzãoWeek - Especialmente a <a href='https://twitter.com/tech_jessi'>Jéssica Félix</a></center></b></p> </div> - Contato: - Email: <a href="mailto:beatriz.milz@usp.br">beatriz.milz@usp.br</a> - Webpage: https://beatrizmilz.com - Github: <a href="http://github.com/beatrizmilz">@beatrizmilz</a> - Twitter: <a href="http://twitter.com/beatrizmilz">@BeaMilz</a> - Linkedin: <a href="https://www.linkedin.com/in/beatrizmilz">Beatriz Milz</a> - Apresentação feita com [Xaringan](https://github.com/yihui/xaringan) e [Kunoichi](https://github.com/emitanaka/ninja-theme). Código disponível [neste repositório](https://github.com/beatrizmilz/NerdzaoWeek/blob/master/docs/index.Rmd). - Materiais de estudo disponíveis [neste repositório](https://github.com/beatrizmilz/materiais_estudo_R)