Commit cd0bee0e authored by Eduardo E. R. Junior's avatar Eduardo E. R. Junior
Browse files

Formata a galeria googleVis para o layout adotado

parent 91b26be4
/* Tamanho de fonte do texto */
body, td, caption {
font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
background-color: #FFF;
font-size: 20px;
}
p {
margin: 0px 10px 10px;
}
/* Configura o estilo do título */
#header {
/* background-color: #F6F6F6; */
border-top: 2px solid #A96CBA;
border-right: 0px solid black;
border-bottom: 2px solid #A96CBA;
border-left: 0px solid black;
padding: 10px;
margin: 20px;
}
h1.title {
text-align: center
}
h4.author {
text-align: center
}
h4.date {
text-align: center
}
h4 {
text-align: center
}
h3 {
font-weight: bold;
font-size: 25px
}
/* Configura a tabela de conteúdo */
#TOC {
clear: both;
margin: 10px 0px 0px 30px;
padding: 10px;
width: 400px;
border: 1px solid #CCC;
border-radius: 0px;
background-color: #F6F6F6;
font-size: 15px;
line-height: 1.5;
}
/* Configura a formatação dos capitulos (headers) */
h2, .h2 {
font-size: 30px;
border-top: 0px solid black;
border-right: 0px solid black;
border-bottom: 2px solid #A96CBA;
border-left: 0px solid black;
width: 40%
}
h3, .h3 {
font-style: bold;
}
/* Customização do ambiente de código */
tt, code, pre {
font-family: "Ubuntu Mono","DejaVu Sans Mono",monospace;
}
pre {
display: block;
padding: 9.5px;
margin: 0px 0px 10px;
font-size: 20px;
line-height: 22px;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
background-color: rgba(195, 132, 109, 0.11);
border: 3px solid #CCC;
border-radius: 0px;
}
pre .comment {
color: #7B7B05;
font-style: italic;
}
# Gráficos dinâmicos
* <http://ouzor.github.io/blog/2014/11/21/interactive-visualizations.html>
## googleVis
* A galeria de gráficos do Google: [Google Charts Gallery].
* Repositório de desenvolvimento do googleVis:
[Markus Gesmann googleVis].
* Slides do autor: [Introduction to googleVis].
* Exemplos de uso do googleVis: [googleVis examples].
* Exemplos do [João Neto].
* A [vignette em pdf].
---
title: IGUIR2 - Galeria googleVis
author: Eduardo E. Ribeiro Jr \& Walmes M. Zeviani
output:
html_document:
css: ../galery.css
toc: yes
---
O pacote [googleVis] permite fazer gráficos da galeria Google Charts de
dentro do R. O deselvolvedor do pacote, Markus Gesmann, mantém o pacote
......@@ -28,6 +23,23 @@ os padrões R mas as definições em javascript.
Os exemplos abaixo ilustram como usar algumas das funções do pacote e
modificar elementos gráficos.
## Instalação
https://cran.r-project.org/web/packages/googleVis/
https://github.com/mages/googleVis
```{r, eval = FALSE}
## Estável
install.packages("googleVis")
## Em desenvolvimento
library(devtools)
install_github("mages/googleVis")
```
Como começar:
```{r setOptions, message=FALSE}
library(googleVis)
......@@ -40,7 +52,9 @@ apropos(what="^gvis", mode="function")
```
### Exemplos
## Exemplos
### Diagrama de dispersão (_gvisScatterChart_) ###
Exemplo com o data frame `woman`.
......@@ -85,7 +99,9 @@ plot(Scatter)
```
Gráfico de barras com o data frame `HairEyeColor`.
### Gráfico de barras (_gvisBarChart_) ###
Utiliza o data frame `HairEyeColor`.
```{r BarChart, results="asis", tidy=FALSE}
## str(HairEyeColor)
......@@ -111,6 +127,8 @@ plot(Column)
```
### Box-plot (_gvisCandlestickChart_) ###
```{r Candle, results="asis", tidy=FALSE}
x <- boxplot(Sepal.Length~Species, data=iris, outline=FALSE, plot=FALSE)
x <- data.frame(t(x$stats[-3,]))
......@@ -129,7 +147,7 @@ plot(Candle)
```
Gŕafico de setores.
### Gráfico de Setores (_gvisPieChart_) ###
```{r Pie, results="asis", tidy=FALSE}
## str(HairEyeColor)
......@@ -146,6 +164,8 @@ plot(Pie)
```
### Mapas Geográficos (_gvisGeoChart_) ###
População dos Estados brasileiros:
<https://pt.wikipedia.org/wiki/Lista_de_unidades_federativas_do_Brasil_por_população>.
......@@ -208,6 +228,8 @@ plot(GeoStates)
```
### Mapa via satélite (_gvisMap_) ###
```{r MapChart, results="asis", tidy=FALSE}
##----------------------------------------------------------------------
## Código do Web Scraping.
......@@ -255,6 +277,8 @@ plot(Map)
```
### Gráficos de Séries temporais (_gvisLineChart_) ###
Dados de precipitação de Dourados em 2014 extratídos da Embrapa CPAO:
<http://www.cpao.embrapa.br/clima/?lc=site/banco-dados/base_dados>.
......@@ -384,6 +408,8 @@ plot(Serie)
```
### Diagrama de calendário (_gvisCalendar_) ###
Para ver o gráfico abaixo adequadamente, você tem que configurar como
local do seu sistema operacional um ponto que não tenha horário de
verão. Por exemplo, usar Bahia ao invés de Curitiba nas definições de
......@@ -406,6 +432,17 @@ plot(Cal)
```
## Referências
* A galeria de gráficos do Google: [Google Charts Gallery].
* Repositório de desenvolvimento do googleVis:
[Markus Gesmann googleVis].
* Slides do autor: [Introduction to googleVis].
* Exemplos de uso do googleVis: [googleVis examples].
* Exemplos do [João Neto].
* A [vignette em pdf].
* http://ouzor.github.io/blog/2014/11/21/interactive-visualizations.html
[googleVis]: https://cran.r-project.org/web/packages/googleVis/index.html
[Markus Gesmann googleVis]: https://github.com/mages/googleVis
[Introduction to googleVis]: http://mages.github.io/Introduction_to_googleVis/
......
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment