Markdown

# Markdown
### Reporting mit R <a href='https://therbootcamp.github.io'> Data analytics for Psychology and Business </a> <a href='https://cdsbasel.github.io/dataanalytics_2021/menu/materials.html'> </a>  <a href='https://cdsbasel.github.io/dataanalytics_2021/'> </a>  <a href='mailto:dirk.wulff@unibas.ch'> </a> 
### March 2021

---

<div class="my-footer">
 
 
 <img src="https://raw.githubusercontent.com/therbootcamp/therbootcamp.github.io/master/_sessions/_image/by-sa.png" height=14 style="vertical-align: middle"/>
 
 <a href="https://cdsbasel.github.io/dataanalytics_2021">
 
 
 https://cdsbasel.github.io/dataanalytics_2021
 
 
 </a>
 <a href="https://therbootcamp.github.io/">
 
 Data analytics for Psychology and Business | March 2021
 
 </a>
 
 </div>

---

# Was ist Markdown?

<ul>
 <li class="m1">Entwickelt von John Gruber and Aaron Swartz in 2004. 
 "<high>easy-to-read</high> and <high>easy-to-write</high> plain text format, [...] convert it to structurally valid XHTML (or HTML)"</li> 
 <li class="m2">Einfache <high>Syntax für die Gestaltung</high> von Dokumenten.</li> 
 <ul>
 <li>Text in fett und kursiv</li> 
 <li>Listen</li> 
 <li>Überschriften</li> 
 <li>Links</li>
 <li>Bilder</li>
 </ul>
</ul>

]

<img src="image/markdown.png" width=400px> 
 from <a href="https://de.wikipedia.org/wiki/Markdown">wikipedia.org</a>

]

---

# Was ist R Markdown?

<ul>
 <li class="m1">Verwendet Markdown zum <high>Gestalten dynamischer Dokumente</high> mit eingebetteten ...</li> 
 <ul>
 <li>R code chunks</li>
 <li>R inline Code</li> 
 <li>Statistischen Outputs</li>
 <li>Tabellen</li>
 <li>Visualisierungen</li>
 <li>etc.</li>
 </ul>
</ul>

]

<img src="image/hex.png" height=300> 
 from <a href="https://rmarkdown.rstudio.com/docs/">rmarkdown.rstudio.com</a>

]

---

# Arten des Berichts

<ul>
 <li class="m1">RMarkdown ermöglicht die Erstellung und Gestaltung unterschiedlicher <high>Berichttypen</high>.</li> 
 <ul>
 <li>Dokumente</li>
 <li>Präsentationen</li> 
 <li>Dashboards (Cockpits)</li>
 <li>Bücher</li>
 <li>Webseiten</li>
 <li>etc.</li>
 </ul>
</ul>

]

]

---
.pull-left3[

# Arten des Berichts

<ul>
 <li class="m1">RMarkdown ermöglicht die Erstellung und Gestaltung unterschiedlicher <high>Berichttypen</high>.</li> 
 <ul>
 <li><high>Dokumente</high></li>
 <li>Präsentationen</li> 
 <li>Dashboards (Cockpits)</li>
 <li>Bücher</li>
 <li>Webseiten</li>
 <li>etc.</li>
 </ul>
</ul>

]

]

---

# Arten des Berichts

<ul>
 <li class="m1">RMarkdown ermöglicht die Erstellung und Gestaltung unterschiedlicher <high>Berichttypen</high>.</li> 
 <ul>
 <li>Dokumente</li>
 <li><high>Präsentationen</high></li> 
 <li>Dashboards (Cockpits)</li>
 <li>Bücher</li>
 <li>Webseiten</li>
 <li>etc.</li>
 </ul>
</ul>

]

]

---

# Arten des Berichts

<ul>
 <li class="m1">RMarkdown ermöglicht die Erstellung und Gestaltung unterschiedlicher <high>Berichttypen</high>.</li> 
 <ul>
 <li>Dokumente</li>
 <li>Präsentationen</li> 
 <li><high>Dashboards (Cockpits)</high></li>
 <li>Bücher</li>
 <li>Webseiten</li>
 <li>etc.</li>
 </ul>
</ul>

]

]

---

# R Markdown Komponenten

<ul>
 <li class="m1">RMarkdown Skripte bestehen aus mehreren <high>Komponenten</high>.</li>
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Komponente
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>YAML</mono>
 </td>
 <td bgcolor="white">
 YAML Ain't Markup Language 
 <high>Dokumenteinstellungen</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>Setup chunk</mono>
 </td>
 <td bgcolor="white">
 <high>Chunks</high> einstellen 
 <high>Pakete</high> laden 
 <high>Daten</high> laden
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>Markdown</mono>
 </td>
 <td bgcolor="white">
 <high>Überschriften</high> 
 <high>Text</high> mit Hervorhebungen
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>Code chunk</mono>
 </td>
 <td bgcolor="white">
 R <high>Code</high> 
 R <high>Outputs<high>
 </td> 
</tr>
</table>

]

]

---

# Pipeline

<ul>
 <li class="m1">RMarkdown kann in verschiedene <high>Dateitypen</high> übersetzt werden.</li> 
 <ul>
 <li>PDF</li>
 <li>HTML</li> 
 <li>Word</li>
 <li>PowerPoint</li>
 </ul> 
 <li class="m2">In diesem Prozess wird <high>RMarkdown mehrfach übersetzt</high>, was gewisse Einschränkungen mit sich bringt.</li> 
</ul>

]

]

---

# HTML Pipeline

<ul>
 <li class="m1">HTML ist der <high>universelle Framework</high> für Dokumente, Präsentationen, und v.a. Dashboards.</li>
 <li class="m2"><high>Export zu PDF</high> ist, mit minimalen Einschränkungen, möglich.</li> 
</ul>

]

]

---

# HTML

<ul>
 <li class="m1">HyperText Markup Language.</li>
 <li class="m2">Das Format des <high>World Wide Web</high>s.</li>
 <li class="m3">Kann komfortabel durch <high>CSS</high> (Cascading Style Sheets) formatiert werden.</li>
</ul>

]

]

---

# Rendern

<ul>
 <li class="m1">HTML wird interpretiert von RStudio (oder Browsern) in ein wohl formatiertes Dokument.</li>
 <li class="m2"><high>Rstudio</high> zeigt ein gerendertes Dokument im Viewer an. </li> 
</ul>

]

]

---

# Überschriften

<ul>
 <li class="m1">Überschriften verschiedener <high>Ebenen</high> werden durch verschieden viele <mono>#</mono> ausgedrückt.</li>
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:20px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono># text</mono>
 </td>
 <td bgcolor="white">
 Ebene 1
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>## text</mono>
 </td>
 <td bgcolor="white">
 Ebene 2
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>...</mono>
 </td>
 <td bgcolor="white">
 ...
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>##### txt</mono>
 </td>
 <td bgcolor="white">
 Ebene 5
 </td> 
</tr>
</table>

]

]

---

# Überschriften

<ul>
 <li class="m1">Überschriften verschiedener <high>Ebenen</high> werden durch verschieden viele <mono>#</mono> ausgedrückt.</li>
</ul>

]

]

---

# Hervorhebung

<ul>
 <li class="m1">Verschiedene Zeichen erlauben <high>text- und code-bezogene</high> Hervorhebungen.</li>
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:20px" width=100%>
 <col width="50%">
 <col width="50%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 &ast;<mono>text</mono>&ast;
 </td>
 <td bgcolor="white">
 Kursiv
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 &ast;&ast;<mono>text</mono>&ast;&ast;
 </td>
 <td bgcolor="white">
 Fett
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 &ast;&ast;&ast;<mono>text</mono>&ast;&ast;&ast;
 </td>
 <td bgcolor="white">
 Kursiv und Fett 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 &grave;<mono>text</mono>&grave;
 </td>
 <td bgcolor="white">
 Code
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 &grave;<mono>r "text"</mono>&grave;
 </td>
 <td bgcolor="white">
 inline Code
 </td> 
</tr>
</table>

]

]

---

# Hervorhebung

<ul>
 <li class="m1">Verschiedene Zeichen erlauben <high>text- und code-bezogene</high> Hervorhebungen.</li>
</ul>

]

]

---

# Hervorhebung

<ul>
 <li class="m1">Verschiedene Zeichen erlauben <high>text- und code-bezogene</high> Hervorhebungen.</li>
</ul>

]

]

---

# Inline Code

<ul>
 <li class="m1"><high>Zahlen und Wörter</high> im Text können durch inline Code parametrisiert werden.</li>
 <li class="m2">inline Code kann, wie <high>Code <mono>chunks</mono></high>, beliebigen R Code enthalten.</li>
</ul>

]

]

---

# Chunks

<ul>
 <li class="m1">Ein <high>code <mono>chunk</mono></high> enthält beliebigen R Code.</li>
 <li class="m2">Code chunks werden mit <high>zusätzlichen Argumenten</high> definiert.</li>
</ul>

]

]

---

# Chunks

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:60px" width=100%>
 <col width="60%">
 <col width="40%">
<tr>
 <td bgcolor="white">
 Argument
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>echo=T/F</mono>
 </td>
 <td bgcolor="white">
 Zeige/Verstecke <high>Code</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>eval=T/F</mono>
 </td>
 <td bgcolor="white">
 <high>Code</high> ausführen/nicht-ausf.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>include=T/F</mono>
 </td>
 <td bgcolor="white">
 Inkludiere/exkludiere <high>allen Output</high> 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>message=T/F</mono>
 </td>
 <td bgcolor="white">
 Inkludiere/exkludiere <highm>messages</highm> im Output
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>warning=T/F</mono>
 </td>
 <td bgcolor="white">
 Inkludiere/exkludiere <highm>warnings</highm> im Output
 </td> 
</tr>
</table>

<mono>T/F = TRUE/FALSE</mono>

]

]

---

# Chunks

<mono>T/F = TRUE/FALSE</mono>

]

]

---

# Chunks

<mono>T/F = TRUE/FALSE</mono>

]

]

---

# Setup-Chunk

<ul>
 <li class="m1">Im Setup-Chunk können <high>Settings für alle Chunks</high> vorgenommen werden.</li>
 <li class="m2">Weiterführende Funktionen verfügbar.</li>
</ul>

]

]

---

# Setup-Chunk

]

]

---

# Setup-Chunk

]

]

---

# Setup-Chunk

]

]

---

# Setup-Chunk

]

]

---

# Relativer Pfad

<ul>
 <li class="m1">Markdown Dokumente greifen nicht auf das übliche <high>working directory</high> zu.</li> 
 <li class="m2">Pfade in RMarkdown müssen <high>relativ zur Position der .Rmd</high> Datei definiert werden.</li>
</ul>

```R
# Lese Daten
read_csv("../1_Data/daten.csv")

# Lese CSS (mehr dazu später)
css: "../2_Assets/styling.csv")
```

]

]

---

# Grafiken skalieren

<ul>
 <li class="m1">Die <high>Darstellung</high> von Grafiken kann in den <mono>Chunk</mono>-Settings angepasst werden.</li> 
 <li class="m2">Die Argumente beginnen (meist) mit <highm>fig.*</highm>.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>fig.width</mono>, <mono>fig.height</mono>
 </td>
 <td bgcolor="white">
 <high>Breite</high> und <high>Höhe</high> in inches.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>fig.asp</mono>
 </td>
 <td bgcolor="white">
 <high>Seitenverhältnis</high>: Höhe relativ zur Breite. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>fig.align</mono>
 </td>
 <td bgcolor="white">
 <high>Position</high> der Abbildung: <mono>'center'</mono>, <mono>'left'</mono>, <mono>'right'</mono>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>dpi</mono> 
 </td>
 <td bgcolor="white">
 <high>Auflösung</high> der Abbildung (dots per inch).
 </td> 
</tr>
</table>
]

]

---

# Grafiken skalieren

]

---

# Grafiken skalieren

]

---

# Grafiken skalieren

]

---

# Grafiken skalieren

]

---

# Bildunterschrift

<ul>
 <li class="m1">Bildunterschriften können durch <highm>fig.cap</highm> gesetzt.</li> 
 <li class="m2">Der Text kann <high>innerhalb des Chunks</high> definiert werden.</li> 
</ul>

]

]

---

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>format</mono>
 </td>
 <td bgcolor="white"><high>Ausgabeformat</high>: 
 <mono>"html"</mon>, <mono>"latex"</mono>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>digit</mono>
 </td>
 <td bgcolor="white">
 Anzahl <high>Nachkommastellen</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>col.names</mono>
 </td>
 <td bgcolor="white">
 <high>Spaltennamen</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>escape</mono> 
 </td>
 <td bgcolor="white">
 Spaltennamen <high>nicht</high> als HTML <high>interpretieren</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>align</mono> 
 </td>
 <td bgcolor="white">
 <high>Ausrichtung</high> der Spalten: <mono>left</mono>, <mono>center</mono>, <mono>right</mono>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>caption</mono> 
 </td>
 <td bgcolor="white">
 <high>Tabellenüberschrift</high>. 
 </td> 
</tr>
</table>

]

]

---

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>format</mono>
 </td>
 <td bgcolor="white"><high>Ausgabeformat</high>: 
 <mono>"html"</mon>, <mono>"latex"</mono>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>digit</mono>
 </td>
 <td bgcolor="white">
 Anzahl <high>Nachkommastellen</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>col.names</mono>
 </td>
 <td bgcolor="white">
 <high>Spaltennamen</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>escape</mono> 
 </td>
 <td bgcolor="white">
 Spaltennamen <high>nicht</high> als HTML <high>interpretieren</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>align</mono> 
 </td>
 <td bgcolor="white">
 <high>Ausrichtung</high> der Spalten: <mono>left</mono>, <mono>center</mono>, <mono>right</mono>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>caption</mono> 
 </td>
 <td bgcolor="white">
 <high>Tabellenüberschrift</high>. 
 </td> 
</tr>
</table>

]

]

---

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>format</mono>
 </td>
 <td bgcolor="white"><high>Ausgabeformat</high>: 
 <mono>"html"</mon>, <mono>"latex"</mono>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>digit</mono>
 </td>
 <td bgcolor="white">
 Anzahl <high>Nachkommastellen</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>col.names</mono>
 </td>
 <td bgcolor="white">
 <high>Spaltennamen</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>escape</mono> 
 </td>
 <td bgcolor="white">
 Spaltennamen <high>nicht</high> als HTML <high>interpretieren</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>align</mono> 
 </td>
 <td bgcolor="white">
 <high>Ausrichtung</high> der Spalten: <mono>left</mono>, <mono>center</mono>, <mono>right</mono>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>caption</mono> 
 </td>
 <td bgcolor="white">
 <high>Tabellenüberschrift</high>. 
 </td> 
</tr>
</table>

]

]

---

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>format</mono>
 </td>
 <td bgcolor="white"><high>Ausgabeformat</high>: 
 <mono>"html"</mon>, <mono>"latex"</mono>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>digit</mono>
 </td>
 <td bgcolor="white">
 Anzahl <high>Nachkommastellen</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>col.names</mono>
 </td>
 <td bgcolor="white">
 <high>Spaltennamen</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>escape</mono> 
 </td>
 <td bgcolor="white">
 Spaltennamen <high>nicht</high> als HTML <high>interpretieren</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>align</mono> 
 </td>
 <td bgcolor="white">
 <high>Ausrichtung</high> der Spalten: <mono>left</mono>, <mono>center</mono>, <mono>right</mono>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>caption</mono> 
 </td>
 <td bgcolor="white">
 <high>Tabellenüberschrift</high>. 
 </td> 
</tr>
</table>

]

]

---

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>format</mono>
 </td>
 <td bgcolor="white"><high>Ausgabeformat</high>: 
 <mono>"html"</mon>, <mono>"latex"</mono>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>digit</mono>
 </td>
 <td bgcolor="white">
 Anzahl <high>Nachkommastellen</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>col.names</mono>
 </td>
 <td bgcolor="white">
 <high>Spaltennamen</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>escape</mono> 
 </td>
 <td bgcolor="white">
 Spaltennamen <high>nicht</high> als HTML <high>interpretieren</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>align</mono> 
 </td>
 <td bgcolor="white">
 <high>Ausrichtung</high> der Spalten: <mono>left</mono>, <mono>center</mono>, <mono>right</mono>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>caption</mono> 
 </td>
 <td bgcolor="white">
 <high>Tabellenüberschrift</high>. 
 </td> 
</tr>
</table>

]

]

---

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

]

]

---

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

]

]

---

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

]

]
---

# Statistische Modelle

<ul>
 <li class="m1">Mit der <mono>tab_model</mono> Funktion des <mono>sjPlot</mono> Pakets lassen sich <high>statistische Modelle</high> als (HTML) Tabellen ausgeben.</li>
</ul>

]

---

# Statistische Modelle

<ul>
 <li class="m1">Mit der <mono>tab_model</mono> Funktion des <mono>sjPlot</mono> Pakets lassen sich <high>statistische Modelle</high> als (HTML) Tabellen ausgeben.
 </li>
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px; width=100%">
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>pred.labels</mono> 
 </td>
 <td bgcolor="white">
 <high>Namen</high> der Prädiktoren anpassen.</td>
</tr>
<tr>
 <td bgcolor="white">
 <mono>title</mono>
 </td>
 <td bgcolor="white">
 Tabellenüberschrift.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>show.*</mono>
 </td>
 <td bgcolor="white">
 Bestimme <high>welche Werte</high> dargestellt werden.
 </td> 
</tr>
</table>
]

]

---

# Statistische Modelle

<ul>
 <li class="m1">Mit der <mono>tab_model</mono> Funktion des <mono>sjPlot</mono> Pakets lassen sich <high>statistische Modelle</high> als (HTML) Tabellen ausgeben.</li>
</ul>

]

---

# Links, Fussnoten

<ul>
 <li class="m1">Zum Einbinden von Links und Fussnoten gibt es ebenfalls spezielle <high>Markdown Syntax</high>.</li>
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>&lsqb;Name&rsqb;(URL)</mono>
 </td>
 <td bgcolor="white">
 <high>Link</high>. Name erscheint im Text, URL nicht.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>^&lsqb;Text&rsqb;</mono>
 </td>
 <td bgcolor="white">
 <high>Fussnoten</high> werden unten am Text angehängt. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>***</mono>
 </td>
 <td bgcolor="white">
 Fügt eine <high>horizontale</high> Trennlinie ein.
 </td> 
</tr>
</table>

]

]

---

# Quotes

<ul>
 <li class="m1"><high>Zitationen</high> (Quotes) werden direkt in Markdown erstellt.</li>
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>> block quote</mono>
 </td>
 <td bgcolor="white">
 Text wird als <high>Zitat</high> angezeigt.<high></high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono> 
 </td>
 <td bgcolor="white">
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

]

---

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

]

---

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

]

---

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

]

---

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

]

---

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

]

---

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

]

---

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

]

---

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

]

---

# YAML

<ul>
 <li class="m1">YAML A'int Markup Language.</li>
 <li class="m2">Erlaubt die Definition der <high>Eigenschaften des Dokuments</high> einschliesslich Inklusionen.</li>
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument 
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>toc</mono> 
 </td>
 <td bgcolor="white">
 Table Of Contents.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>toc_depth</mono> 
 </td>
 <td bgcolor="white">
 <high>Tiefe</high> des Table Of Contents.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>theme</mono> 
 </td>
 <td bgcolor="white">
 <high>Eigenschaften</high> des Textbilds.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>includes</mono> 
 </td>
 <td bgcolor="white">
 <high>Ergänzungen</high> vor (<mono>before_body</mono>), nach (<mono>after_body</mono>) <mono>body</mono>, oder <mono>in_header</mono>.
 </td> 
</tr>
</table>

]

]

---

# YAML

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument 
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>toc</mono> 
 </td>
 <td bgcolor="white">
 Table Of Contents.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>toc_depth</mono> 
 </td>
 <td bgcolor="white">
 <high>Tiefe</high> des Table Of Contents.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>theme</mono> 
 </td>
 <td bgcolor="white">
 <high>Eigenschaften</high> des Textbilds.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>includes</mono> 
 </td>
 <td bgcolor="white">
 <high>Ergänzungen</high> vor (<mono>before_body</mono>), nach (<mono>after_body</mono>) <mono>body</mono>, oder <mono>in_header</mono>.
 </td> 
</tr>
</table>

]

]

---

# YAML

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument 
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>toc</mono> 
 </td>
 <td bgcolor="white">
 Table Of Contents.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>toc_depth</mono> 
 </td>
 <td bgcolor="white">
 <high>Tiefe</high> des Table Of Contents.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>theme</mono> 
 </td>
 <td bgcolor="white">
 <high>Eigenschaften</high> des Textbilds.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>includes</mono> 
 </td>
 <td bgcolor="white">
 <high>Ergänzungen</high> vor (<mono>before_body</mono>), nach (<mono>after_body</mono>) <mono>body</mono>, oder <mono>in_header</mono>.
 </td> 
</tr>
</table>

]

]

---

# YAML

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument 
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>toc</mono> 
 </td>
 <td bgcolor="white">
 Table Of Contents.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>toc_depth</mono> 
 </td>
 <td bgcolor="white">
 <high>Tiefe</high> des Table Of Contents.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>theme</mono> 
 </td>
 <td bgcolor="white">
 <high>Eigenschaften</high> des Textbilds.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>includes</mono> 
 </td>
 <td bgcolor="white">
 <high>Ergänzungen</high> vor (<mono>before_body</mono>), nach (<mono>after_body</mono>) <mono>body</mono>, oder <mono>in_header</mono>.
 </td> 
</tr>
</table>

]

]

---

# YAML

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument 
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>toc</mono> 
 </td>
 <td bgcolor="white">
 Table Of Contents.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>toc_depth</mono> 
 </td>
 <td bgcolor="white">
 <high>Tiefe</high> des Table Of Contents.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>theme</mono> 
 </td>
 <td bgcolor="white">
 <high>Eigenschaften</high> des Textbilds.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>includes</mono> 
 </td>
 <td bgcolor="white">
 <high>Ergänzungen</high> vor (<mono>before_body</mono>), nach (<mono>after_body</mono>) <mono>body</mono>, oder <mono>in_header</mono>.
 </td> 
</tr>
</table>

]

]

---

# YAML

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument 
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>toc</mono> 
 </td>
 <td bgcolor="white">
 Table Of Contents.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>toc_depth</mono> 
 </td>
 <td bgcolor="white">
 <high>Tiefe</high> des Table Of Contents.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>theme</mono> 
 </td>
 <td bgcolor="white">
 <high>Eigenschaften</high> des Textbilds.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>includes</mono> 
 </td>
 <td bgcolor="white">
 <high>Ergänzungen</high> vor (<mono>before_body</mono>), nach (<mono>after_body</mono>) <mono>body</mono>, oder <mono>in_header</mono>.
 </td> 
</tr>
</table>

]

]

---

# HTML

<ul>
 <li class="m1">Hypertext Markup Language ermöglicht die Organization von Text und Inhalten mittels <high>HTML-Tags<high>.</li> 
 </ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Tag 
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>&lt;h1&gt;, &lt;h2&gt,...</mono> </td>
 <td bgcolor="white">
 <high>Überschrift</high> Level 1, 2,...
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>&lt;br&gt;</mono>
 </td>
 <td bgcolor="white">
 Neue <high>Zeile</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>&lt;b&gt;, &lt;i&gt;, &lt;u&gt;</mono>
 </td>
 <td bgcolor="white">
 <high>Fett, Kursiv, Unterstrichen.</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>&lt;div&gt;, &lt;p&gt;</mono> 
 </td>
 <td bgcolor="white">
 <high>Abschnitt, Textabschnitt.</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>&lt;table&gt;</mono> 
 </td>
 <td bgcolor="white">
 <high>Tabelle, Spalten.</high>
 </td> 
</tr>
</table>

]

]

---

# HTML

<ul>
 <li class="m1">Hypertext Markup Language ermöglicht die Organization von Text und Inhalten mittels <high>HTML-Tags<high>.</li> 
 </ul>

]

]

---

# HTML

<ul>
 <li class="m1">Hypertext Markup Language ermöglicht die Organization von Text und Inhalten mittels <high>HTML-Tags<high>.</li> 
 </ul>

]

]

---

# HTML

<ul>
 <li class="m1">Hypertext Markup Language ermöglicht die Organization von Text und Inhalten mittels <high>HTML-Tags<high>.</li> 
 </ul>

]

]

---

# HTML

<ul>
 <li class="m1">Hypertext Markup Language ermöglicht die Organization von Text und Inhalten mittels <high>HTML-Tags<high>.</li> 
 </ul>

]

]

---

# CSS

<ul>
 <li class="m1">Mit Cascading Style Ssheets können alle <high>ästhetischen Charakteristika</high> von <high>HTML</high> Dokumenten über eine externe Datei bestimmt werden.</li>
 <li class="m2">CSS erlaubt komplexe <high>Vererbungen des Stils</high> zwischen HTML Tags.</li> 
</ul>

]

]

---

# Grafiken

<ul>
 <li class="m1">Die Gestaltung des Berichts beinhaltet auch die <high>Gestaltung der Abbildungen</high>.</li> 
 <li class="m2">Im <mono>ggplot2</mono> Pakets lässt sich die Gestaltung von Grafiken durch <mono>theme</mono>s bestimmen.</li>
 <li class="m2">Mit etwas Kreativität lassen sich ebenfalls die <high>Default-Farben</high> bestimmen.</li> 
</ul>

]

```r
# Ändere Thema zu minimal
theme_set(theme_minimal())
theme_update(panel.background = 
             element_rect(fill = "transparent",
                          colour = NA),
             plot.background = 
             element_rect(fill = "transparent",
                          colour = NA))

# Setze defaults in ggplot
ggplot <- function(...) {
 ggplot2::ggplot(...) + 
 scale_fill_gradientn(colors = c('#555555', '#6BB7B9')) + 
 scale_colour_gradientn(colors = c('#555555', '#6BB7B9'))
 }
```

]

---

# Grafiken

]

```r
airbnb_plot
```

]

---

# Ziel

<ul>
 <li class="m1">Erstellt einen <high>Airbnb-Bericht</high> für Berlin für die Jahre 2018 und 2019.</li>
 <li class="m2">Evaluiert</li>
 <ul>
 <li>Wohnungs-<high>Neueinstellungen</high> über die Zeit und Stadtteile.</li>
 <li>Entwicklung der <high>Preise</high>.</li>
 <li>Einfluss von <high>Ausstattungsmerkmalen</high> auf den Preis.</li>
 </ul>
</ul>

]

]

---

<h1><a href="https://cdsbasel.github.io/dataanalytics_2021/menu/materials.html">Practical</a></h1>