Commit ba42f358 authored by Elisabeth Morand's avatar Elisabeth Morand
Browse files

D2 ..r2

parent 6eb6a218
Pipeline #11604 passed with stage
in 26 seconds
......@@ -397,6 +397,10 @@ div.tocify {
<div id="ouvrages" class="section level1">
<h1>Ouvrages</h1>
<ul>
<li><p>Documentation de Julien Barnier : <a href="https://juba.github.io/tidyverse/10-dplyr.html" class="uri">https://juba.github.io/tidyverse/10-dplyr.html</a></p></li>
<li><p>Le grimoire <a href="https://perso.ens-lyon.fr/lise.vaudor/grimoireStat/_book/intro.html" class="uri">https://perso.ens-lyon.fr/lise.vaudor/grimoireStat/_book/intro.html</a></p></li>
</ul>
</div>
<div id="site-internet" class="section level1">
<h1>Site internet</h1>
......
:root {
/* CSS HEX */
--independence: #344966ff;
--cornflower-blue: #7899d4ff;
--marigold: #fad662;
--china-rose: #b74f6fff;
--orchid-pink: #ffc6d9ff;
--cultured: #fcfaf9ff;
--ming: #246A73ff;
}
.remark-slide-content p, ul, ol, li {
font-size: 1.6rem;
}
ul li::marker {
color: var(--china-rose);
font-size: 1.2em;
}
blockquote {
border-left: solid 5px var(--china-rose);
font-style: italic;
background-color: var(--orchid-pink);
padding: 2em;
color: var(--independence);
}
.section {
background-color: var(--marigold);
color: var(--independence);
}
.remark-slide-content {
background-color: #ffffff;
}
......@@ -10,10 +42,40 @@
margin-bottom: 0.5em !important;
}
/* footnote */
.footnote {
bottom: 1em;
font-size: 75%;
}
/* footer */
div.my-footer {
position: absolute;
bottom: 0px;
left: 0px;
height: 20px;
width: 100%;
}
div.my-footer span {
font-size: 10pt;
color: #ffffff;
position: absolute;
left: 15px;
bottom: 2px;
}
a.footer-link {
position: absolute;
bottom: 5px;
right: 50px;
height: 40px;
width: 150px;
color: #023d4d;
}
img {
margin-bottom: 1.5rem;
......@@ -32,6 +94,7 @@ img {
background-color: #fff;
overflow-x: auto;
border-radius: 0px; /*undo rounded corners*/
font-size: 18px;
}
pre code {
......@@ -48,10 +111,6 @@ pre code {
color: #E7553C;
}
.title {
font-family: 'Karla', serif;
font-weight: 400;
}
/* link color */
a, a > code {
......@@ -71,9 +130,10 @@ pre code {
text-decoration: underline;
}
/* ici on chage la taille de police et la couleur des blocks de codes */
.remark-code {
color: #E7553C;
font-size: 1.25em;
font-size: 0.8em;
}
.remark-inline-code {
......@@ -158,10 +218,7 @@ pre code {
img, video, iframe {
max-width: 100%;
}
blockquote {
border-left: solid 5px lightgray;
padding-left: 1em;
}
table {
margin: auto;
border-top: 1px solid #666;
......@@ -172,150 +229,48 @@ table thead th { border-bottom: 1px solid #ddd; }
thead, tfoot, tr:nth-child(even) { background: #eee }
@page { margin: 0; }
.title-slide {
background-image: url(../images/cercle3.jpg);
background-position: 60% 5%;
background-size: 55%;
background-color: #e7ebec;
}
.title-slide h1 {
font-family: 'Noto Serif JP', serif;
color: #181b1c;
font-size: 3em;
word-wrap: break-word;
letter-spacing: 1pt;
font-weight: 300;
margin-bottom: -10px !important;
}
.title-slide h2 {
font-family: 'Sen', sans-serif;
font-weight: 400;
font-size: 1.35em;
color: #3b4245;
text-shadow: none;
text-transform: uppercase;
margin-bottom: 0px !important;
}
.title-slide h3 {
font-family: 'Sen', sans-serif;
font-weight: 400;
font-size: 1.3em;
color: #3b4245;
text-transform: none;
}
.title-slide a {
color: #fff;
}
/* Wider cols */
.right-wide {
width: 60%;
float: right;
padding-top: 1em;
}
.left-narrow {
width: 40%;
float: left;
padding-top: 1em;
}
.left-wide {
width: 60%;
float: left;
padding-top: 1em;
}
.right-narrow {
width: 40%;
float: right;
padding-top: 1em;
}
/* footer */
div.my-footer {
position: absolute;
bottom: 0px;
left: 0px;
height: 20px;
width: 100%;
}
div.my-footer span {
font-size: 10pt;
color: #ffffff;
position: absolute;
left: 15px;
bottom: 2px;
}
a.footer-link {
position: absolute;
bottom: 5px;
right: 50px;
height: 40px;
width: 150px;
color: #E7553C;
}
/* your turns */
.your-turn {
background-color: #447099;
color: #fff;
}
.your-turn a {
color: #fff!important;
}
.your-turn a:hover,
.your-turn a:active {
color: #f1fa8c!important;
}
.your-turn h1 {
color: #fff;
font-size: 3.5em;
}
.your-turn .arcade {
color: #8be9fd!important;
}
/* pop quiz */
.pop-quiz h1, h1#pop-quiz {
color: #bd93f9;
font-size: 3.5em;
padding-bottom: .5em;
}
.pop-quiz h2, h2#pop-quiz {
color: #bd93f9;
.title-slide h1 {
font-family: 'Petrona', serif;
color: var(--independence);
font-size: 3em;
word-wrap: break-word;
letter-spacing: .2rem;
font-weight: 600;
margin-bottom: 1em !important;
}
.title-slide h2 {
font-family: 'Petrona', serif;
font-weight: 400;
font-size: 1.5em;
color: var(--independence);
text-shadow: none;
font-style: italic;
line-height: 2em;
margin-bottom: 1em !important;
}
.title-slide h3 {
font-family: 'Bitter', sans-serif;
font-weight: 400;
font-size: 1.3em;
color: var(--independence);
text-transform: none;
}
h1#pop-quiz:before,
h1#pop-quiz:after {
content: "";
display: inline-block;
background: url("../question-box.png") no-repeat;
width: 70px;
height: 70px;
background-size: 100%;
background-position: bottom;
margin: 0 7px -10px 7px;
.title-slide a {
color: var(--independence);
}
.title-slide a:hover {
color: #fff;
}
/* live code */
.live-code {
......@@ -402,39 +357,6 @@ text-shadow: 1px 1px #fff,
font-size: 1.5em;
}
/* happy path */
.tip-block {
background-color: #f8f8f2;
color: #282a36;
}
.tip-block h1:before,
.tip-block h1:after {
content: "";
display: inline-block;
background: url("../tip-block.png") no-repeat;
width: 70px;
height: 70px;
background-size: 100%;
background-position: bottom;
margin: 0 7px -10px 7px;
}
.tip-block h1, h1#tip-block {
font-family: 'Press Start 2P', cursive;
color: #FD9BB4;
padding-bottom: 1em;
text-transform: lowercase;
text-align: center;
text-shadow: 1px 1px #fff,
2px 2px #FECC98,
3px 3px #FD9BB4;
}
.level-up p {
font-size: 1.5em;
}
/* --------------Even split- 3 columns--------------- */
......@@ -500,27 +422,7 @@ text-shadow: 1px 1px #fff,
border-bottom: 3px solid #bed3ec;
}
/* Headers, body */
h4 {
font-size: 1.8em;
}
.freight-slide {
background-image:
linear-gradient(
rgba(59, 66, 69, .8),
rgba(59, 66, 69, .8)
),
/* your image */
url(../../images/rawpixel/freight.jpg);
background-size: cover;
}
.emphasis {
font-family: 'Kalam';
font-weight: normal;
}
.big-text {
font-size: 2.8em !important;
......@@ -554,42 +456,3 @@ pre {
}
/* USYD blockquote */
blockquote, .blockquote {
display: block;
margin-top: 0.1em;
margin-bottom: 0.2em;
margin-left: 5px;
margin-right: 5px;
border-left: solid 10px #0148A4;
border-top: solid 2px #0148A4;
border-bottom: solid 2px #0148A4;
border-right: solid 2px #0148A4;
box-shadow: 0 0 6px rgba(0,0,0,0.5);
/* background-color: #e64626; */
color: #e64626;
padding: 0.5em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.blockquote p {
margin-top: 0px;
margin-bottom: 5px;
}
.blockquote > h1:first-of-type {
margin-top: 0px;
margin-bottom: 5px;
}
.blockquote > h2:first-of-type {
margin-top: 0px;
margin-bottom: 5px;
}
.blockquote > h3:first-of-type {
margin-top: 0px;
margin-bottom: 5px;
}
.blockquote > h4:first-of-type {
margin-top: 0px;
margin-bottom: 5px;
}
---
title: "Introduction"
subtitle: "Rapide presentation "
author: "Elisabeth Morand"
date: "2022/04/01 (updated: `r Sys.Date()`)"
title: "Une introduction plus ou moins courte"
output:
xaringan::moon_reader:
css: ["default", "assets/theme_diapo.css", "assets/les-fonts.css"]
css: [ "assets/theme_diapo.css", "assets/les-fonts.css"]
seal: false
lib_dir: libs
nature:
......@@ -18,7 +15,6 @@ output:
ratio: "16:9"
---
```{r setup, include=FALSE}
options(htmltools.dir.version = FALSE)
knitr::opts_chunk$set(collapse = TRUE,
......@@ -33,7 +29,6 @@ xaringanExtra::style_share_again(
)
```
```{r xaringanExtra, echo=FALSE}
xaringanExtra::use_xaringan_extra(c("tile_view", "animate_css", "Panelset","scribble"))
```
......@@ -45,33 +40,65 @@ xaringanExtra::use_share_again()
```{r xaringan-panelset, echo=FALSE}
xaringanExtra::use_panelset()
```
```{r, message=FALSE, warning=FALSE,echo=FALSE}
source("01_pg_creation.R")
```
```{r, message=FALSE, warning=FALSE,echo=FALSE}
library(icons)
```{r icons, message=FALSE, warning=FALSE,echo=FALSE}
library(icons)
```
```{r broadcast, echo=FALSE}
xaringanExtra::use_broadcast()
```
layout: true
<a class="footer-link" href="https://emorand.gitpages.huma-num.fr/sequence/">site </a>
```{r packages, include=FALSE}
library(countdown)
library(ymlthis)
library(tidyverse)
library(janitor)
library(knitr)
library(gt)
library(emo)
library(dplyr)
library(here)
```
---
```{r importation reelles , include=FALSE}
chemin_donnees <- here("donnees","In")
apparitions <- read.csv(here(chemin_donnees, "apparitions.csv"))
episodes <- read.csv(here(chemin_donnees,"episodes.csv"))
perso <- read.csv(here(chemin_donnees,"personnages.csv"))
scenes <- read.csv(here(chemin_donnees,"scenes.csv"))
```
class: title-slide, center, bottom
class: title-slide, right, middle
background-image: url("images/couv2.jpg")
background-position: right
background-size: contain
background-color: #f5b356
.pull-left[
# `r rmarkdown::metadata$title`
## `r rmarkdown::metadata$subtitle`
### `r rmarkdown::metadata$author`
### `r rmarkdown::metadata$author`
### `r rmarkdown::metadata$date`
]
???
On vous laisse nous donner des idées [ici](https://pad.fdn.fr/IntermediR-1)
---
class: inverse, center, middle
......@@ -134,36 +161,81 @@ http://www.gnu.org/
3- Creer un nouveau projet Rstudio dans ce dossier
---
# Les données
Les données tabulaires utilisées ont été collectées par Jeffrey Lancaster et sont issues de [ce projet](https://jeffreylancaster.github.io/game-of-thrones/). Pour débuter, on va utiliser les données d'[Etienne Come](https://github.com/comeetie/got/tree/master/data)
Elles sont à disposition [ici](https://gitlab.huma-num.fr/emorand/sequence/-/tree/master/Donnees/In)
Elles sont à disposition [ici](https://gitlab.huma-num.fr/emorand/stat-r/-/tree/master/Donnees/In)
On a modifiée les données afin d'ajouter des variables utiles à l'analyse. Le programme est disponible [là](01_pg_creation.R)
Les données que l'on utilise [ici](https://gitlab.huma-num.fr/emorand/sequence/-/tree/master/Donnees/out)
---
class: middle
background-image: url(images/ours.jpg)
background-position: right
background-size: 70%
background-color: #7899d4ff
# Importation des données
- importer des données
- vérifier l'importation
- ce qu'on peut importer aussi
---
# Première importation
On importe les données concernant les personnages
1. A l'aide d'Import Dataset from text base
2. ... from text reader
--
.pull-left[
> 1. importer des données
> 1. vérifier l'importation
>1. ce qu'on peut importer aussi
.footnote[[Image from NASA](https://www.rawpixel.com/image/441511/polar-bear)]
]
???
Image : ours polaire
https://www.rawpixel.com/image/441511/polar-bear
licence libre , gouvernement américain
---
class: inverse, center, middle
# Première importation
---