Mes premières slides

class: center, middle, inverse, title-slide

.title[
# Mes premières slides
]
.subtitle[
## Avec xaringan
]
.author[
### Claire Della-Vedova
]
.institute[
### DellaData
]
.date[
### 2016/12/12 (updated: 2024-10-15)
]

---

# Une slide toute simple

## Description

Voici une description des variables :

<div id="bknzlfrhww" style="padding-left:0px;padding-right:0px;padding-top:10px;padding-bottom:10px;overflow-x:auto;overflow-y:auto;width:auto;height:auto;">
<style>#bknzlfrhww table {
font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#bknzlfrhww thead, #bknzlfrhww tbody, #bknzlfrhww tfoot, #bknzlfrhww tr, #bknzlfrhww td, #bknzlfrhww th {
border-style: none;
}
#bknzlfrhww p {
margin: 0;
padding: 0;
}
#bknzlfrhww .gt_table {
display: table;
border-collapse: collapse;
line-height: normal;
margin-left: auto;
margin-right: auto;
color: #333333;
font-size: 16px;
font-weight: normal;
font-style: normal;
background-color: #FFFFFF;
width: auto;
border-top-style: solid;
border-top-width: 2px;
border-top-color: #A8A8A8;
border-right-style: none;
border-right-width: 2px;
border-right-color: #D3D3D3;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #A8A8A8;
border-left-style: none;
border-left-width: 2px;
border-left-color: #D3D3D3;
}
#bknzlfrhww .gt_caption {
padding-top: 4px;
padding-bottom: 4px;
}
#bknzlfrhww .gt_title {
color: #333333;
font-size: 125%;
font-weight: initial;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 5px;
border-bottom-color: #FFFFFF;
border-bottom-width: 0;
}
#bknzlfrhww .gt_subtitle {
color: #333333;
font-size: 85%;
font-weight: initial;
padding-top: 3px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-top-color: #FFFFFF;
border-top-width: 0;
}
#bknzlfrhww .gt_heading {
background-color: #FFFFFF;
text-align: center;
border-bottom-color: #FFFFFF;
border-left-style: none;
border-left-width: 1px;
border-left-color: #D3D3D3;
border-right-style: none;
border-right-width: 1px;
border-right-color: #D3D3D3;
}
#bknzlfrhww .gt_bottom_border {
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #D3D3D3;
}
#bknzlfrhww .gt_col_headings {
border-top-style: solid;
border-top-width: 2px;
border-top-color: #D3D3D3;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #D3D3D3;
border-left-style: none;
border-left-width: 1px;
border-left-color: #D3D3D3;
border-right-style: none;
border-right-width: 1px;
border-right-color: #D3D3D3;
}
#bknzlfrhww .gt_col_heading {
color: #333333;
background-color: #FFFFFF;
font-size: 100%;
font-weight: normal;
text-transform: inherit;
border-left-style: none;
border-left-width: 1px;
border-left-color: #D3D3D3;
border-right-style: none;
border-right-width: 1px;
border-right-color: #D3D3D3;
vertical-align: bottom;
padding-top: 5px;
padding-bottom: 6px;
padding-left: 5px;
padding-right: 5px;
overflow-x: hidden;
}
#bknzlfrhww .gt_column_spanner_outer {
color: #333333;
background-color: #FFFFFF;
font-size: 100%;
font-weight: normal;
text-transform: inherit;
padding-top: 0;
padding-bottom: 0;
padding-left: 4px;
padding-right: 4px;
}
#bknzlfrhww .gt_column_spanner_outer:first-child {
padding-left: 0;
}
#bknzlfrhww .gt_column_spanner_outer:last-child {
padding-right: 0;
}
#bknzlfrhww .gt_column_spanner {
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #D3D3D3;
vertical-align: bottom;
padding-top: 5px;
padding-bottom: 5px;
overflow-x: hidden;
display: inline-block;
width: 100%;
}
#bknzlfrhww .gt_spanner_row {
border-bottom-style: hidden;
}
#bknzlfrhww .gt_group_heading {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
color: #333333;
background-color: #FFFFFF;
font-size: 100%;
font-weight: initial;
text-transform: inherit;
border-top-style: solid;
border-top-width: 2px;
border-top-color: #D3D3D3;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #D3D3D3;
border-left-style: none;
border-left-width: 1px;
border-left-color: #D3D3D3;
border-right-style: none;
border-right-width: 1px;
border-right-color: #D3D3D3;
vertical-align: middle;
text-align: left;
}
#bknzlfrhww .gt_empty_group_heading {
padding: 0.5px;
color: #333333;
background-color: #FFFFFF;
font-size: 100%;
font-weight: initial;
border-top-style: solid;
border-top-width: 2px;
border-top-color: #D3D3D3;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #D3D3D3;
vertical-align: middle;
}
#bknzlfrhww .gt_from_md > :first-child {
margin-top: 0;
}
#bknzlfrhww .gt_from_md > :last-child {
margin-bottom: 0;
}
#bknzlfrhww .gt_row {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
margin: 10px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #D3D3D3;
border-left-style: none;
border-left-width: 1px;
border-left-color: #D3D3D3;
border-right-style: none;
border-right-width: 1px;
border-right-color: #D3D3D3;
vertical-align: middle;
overflow-x: hidden;
}
#bknzlfrhww .gt_stub {
color: #333333;
background-color: #FFFFFF;
font-size: 100%;
font-weight: initial;
text-transform: inherit;
border-right-style: solid;
border-right-width: 2px;
border-right-color: #D3D3D3;
padding-left: 5px;
padding-right: 5px;
}
#bknzlfrhww .gt_stub_row_group {
color: #333333;
background-color: #FFFFFF;
font-size: 100%;
font-weight: initial;
text-transform: inherit;
border-right-style: solid;
border-right-width: 2px;
border-right-color: #D3D3D3;
padding-left: 5px;
padding-right: 5px;
vertical-align: top;
}
#bknzlfrhww .gt_row_group_first td {
border-top-width: 2px;
}
#bknzlfrhww .gt_row_group_first th {
border-top-width: 2px;
}
#bknzlfrhww .gt_summary_row {
color: #333333;
background-color: #FFFFFF;
text-transform: inherit;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
}
#bknzlfrhww .gt_first_summary_row {
border-top-style: solid;
border-top-color: #D3D3D3;
}
#bknzlfrhww .gt_first_summary_row.thick {
border-top-width: 2px;
}
#bknzlfrhww .gt_last_summary_row {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #D3D3D3;
}
#bknzlfrhww .gt_grand_summary_row {
color: #333333;
background-color: #FFFFFF;
text-transform: inherit;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
}
#bknzlfrhww .gt_first_grand_summary_row {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
border-top-style: double;
border-top-width: 6px;
border-top-color: #D3D3D3;
}
#bknzlfrhww .gt_last_grand_summary_row_top {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
border-bottom-style: double;
border-bottom-width: 6px;
border-bottom-color: #D3D3D3;
}
#bknzlfrhww .gt_striped {
background-color: rgba(128, 128, 128, 0.05);
}
#bknzlfrhww .gt_table_body {
border-top-style: solid;
border-top-width: 2px;
border-top-color: #D3D3D3;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #D3D3D3;
}
#bknzlfrhww .gt_footnotes {
color: #333333;
background-color: #FFFFFF;
border-bottom-style: none;
border-bottom-width: 2px;
border-bottom-color: #D3D3D3;
border-left-style: none;
border-left-width: 2px;
border-left-color: #D3D3D3;
border-right-style: none;
border-right-width: 2px;
border-right-color: #D3D3D3;
}
#bknzlfrhww .gt_footnote {
margin: 0px;
font-size: 90%;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 5px;
}
#bknzlfrhww .gt_sourcenotes {
color: #333333;
background-color: #FFFFFF;
border-bottom-style: none;
border-bottom-width: 2px;
border-bottom-color: #D3D3D3;
border-left-style: none;
border-left-width: 2px;
border-left-color: #D3D3D3;
border-right-style: none;
border-right-width: 2px;
border-right-color: #D3D3D3;
}
#bknzlfrhww .gt_sourcenote {
font-size: 90%;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 5px;
}
#bknzlfrhww .gt_left {
text-align: left;
}
#bknzlfrhww .gt_center {
text-align: center;
}
#bknzlfrhww .gt_right {
text-align: right;
font-variant-numeric: tabular-nums;
}
#bknzlfrhww .gt_font_normal {
font-weight: normal;
}
#bknzlfrhww .gt_font_bold {
font-weight: bold;
}
#bknzlfrhww .gt_font_italic {
font-style: italic;
}
#bknzlfrhww .gt_super {
font-size: 65%;
}
#bknzlfrhww .gt_footnote_marks {
font-size: 75%;
vertical-align: 0.4em;
position: initial;
}
#bknzlfrhww .gt_asterisk {
font-size: 100%;
vertical-align: 0;
}
#bknzlfrhww .gt_indent_1 {
text-indent: 5px;
}
#bknzlfrhww .gt_indent_2 {
text-indent: 10px;
}
#bknzlfrhww .gt_indent_3 {
text-indent: 15px;
}
#bknzlfrhww .gt_indent_4 {
text-indent: 20px;
}
#bknzlfrhww .gt_indent_5 {
text-indent: 25px;
}
#bknzlfrhww .katex-display {
display: inline-flex !important;
margin-bottom: 0.75em !important;
}
#bknzlfrhww div.Reactable > div.rt-table > div.rt-thead > div.rt-tr.rt-tr-group-header > div.rt-th-group:after {
height: 0px !important;
}
</style>
<table class="gt_table" data-quarto-disable-processing="false" data-quarto-bootstrap="false">
  <thead>
    <tr class="gt_col_headings">
      <th class="gt_col_heading gt_columns_bottom_border gt_left" rowspan="1" colspan="1" scope="col" id="label"><span class="gt_from_md"><strong>Characteristic</strong></span></th>
      <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1" scope="col" id="stat_1"><span class="gt_from_md"><strong>setosa</strong><br />
N = 50</span><span class="gt_footnote_marks" style="white-space:nowrap;font-style:italic;font-weight:normal;line-height:0;"><sup>1</sup></span></th>
      <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1" scope="col" id="stat_2"><span class="gt_from_md"><strong>versicolor</strong><br />
N = 50</span><span class="gt_footnote_marks" style="white-space:nowrap;font-style:italic;font-weight:normal;line-height:0;"><sup>1</sup></span></th>
      <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1" scope="col" id="stat_3"><span class="gt_from_md"><strong>virginica</strong><br />
N = 50</span><span class="gt_footnote_marks" style="white-space:nowrap;font-style:italic;font-weight:normal;line-height:0;"><sup>1</sup></span></th>
    </tr>
  </thead>
  <tbody class="gt_table_body">
    <tr><td headers="label" class="gt_row gt_left">Sepal.Length</td>
<td headers="stat_1" class="gt_row gt_center">5.00 (4.80, 5.20)</td>
<td headers="stat_2" class="gt_row gt_center">5.90 (5.60, 6.30)</td>
<td headers="stat_3" class="gt_row gt_center">6.50 (6.20, 6.90)</td></tr>
    <tr><td headers="label" class="gt_row gt_left">Sepal.Width</td>
<td headers="stat_1" class="gt_row gt_center">3.40 (3.20, 3.70)</td>
<td headers="stat_2" class="gt_row gt_center">2.80 (2.50, 3.00)</td>
<td headers="stat_3" class="gt_row gt_center">3.00 (2.80, 3.20)</td></tr>
    <tr><td headers="label" class="gt_row gt_left">Petal.Length</td>
<td headers="stat_1" class="gt_row gt_center">1.50 (1.40, 1.60)</td>
<td headers="stat_2" class="gt_row gt_center">4.35 (4.00, 4.60)</td>
<td headers="stat_3" class="gt_row gt_center">5.55 (5.10, 5.90)</td></tr>
    <tr><td headers="label" class="gt_row gt_left">Petal.Width</td>
<td headers="stat_1" class="gt_row gt_center">0.20 (0.20, 0.30)</td>
<td headers="stat_2" class="gt_row gt_center">1.30 (1.20, 1.50)</td>
<td headers="stat_3" class="gt_row gt_center">2.00 (1.80, 2.30)</td></tr>
  </tbody>
  
  <tfoot class="gt_footnotes">
    <tr>
      <td class="gt_footnote" colspan="4"><span class="gt_footnote_marks" style="white-space:nowrap;font-style:italic;font-weight:normal;line-height:0;"><sup>1</sup></span> <span class="gt_from_md">Median (Q1, Q3)</span></td>
    </tr>
  </tfoot>
</table>
</div>

Les iris setosa sont plus petites.
---
# Une slide avec un graphe

## Longueur des sépales par espèce
![](X3-XaringanThemer_files/figure-html/unnamed-chunk-4-1.png)

---
class: center, middle

# Page de titre

---

class: inverse, center, middle

# Page de titre inversé
---

# Affichage avec incrémentation

Les variables étudiées sont : 
--

- Sepal.Length

- Sepal.Width

- Petal.Length

- Petal.Width

``` r
names(iris)
```

```
## [1] "Sepal.Length" "Sepal.Width"  "Petal.Length" "Petal.Width"  "Species"
```

---

# Slide avec 2 colonnes

.pull-left[

Les mois de l'année :

1. janvier

1. février

1. mars

1. avril

]

.pull-right[

Les jours de la semaine

1. lundi
1. mardi
1. mercredi
]

---