Hilfsfunktionen

Stell dir vor, du baust dein eigenes shinydashboard, in das du mehrere Diagramme und Benutzereingaben integrieren willst. Überlege dir, warum du in deinem Dashboard Hilfsfunktionen verwenden würdest.

Warum können eigene Hilfsfunktionen in einem shinydashboard nützlich sein?

Diese Übung ist Teil des Kurses

<Kurs>Dashboards mit shinydashboard erstellen</Kurs>

Interaktive praktische Übung

Verwandle Theorie mit einer unserer interaktiven Übungen in die Praxis

Diese Übung ist Teil des Kurses

<Kurs>Dashboards mit shinydashboard erstellen</Kurs>

Geringe SchwierigkeitSchwierigkeitsgrad

4.7+

Kurs kostenlos starten

Bevor du ein shinydashboard erstellst, musst du zunächst verstehen, was eine shinyApp ist. In diesem Kapitel lernst du, was eine shinyApp ist und welche Bestandteile sie hat. Am Ende dieses Kapitels kannst du deine eigene shinyApp rendern.

Exercise 1: Einstieg in shinyApps Exercise 2: Bestandteile einer shinyApp Exercise 3: Eine leere shinyApp Exercise 4: Arten von Eingaben Exercise 5: Mit sliderInput üben Exercise 6: Mehrere Eingaben einfügen Exercise 7: checkboxInput und checkboxGroupInput Exercise 8: Arten von Ausgaben Exercise 9: textOutput mit Interaktionen Exercise 10: Dropdown-Menüs Exercise 11: Deine erste shinyApp

Im vorherigen Kapitel hast du shiny apps kennengelernt. In diesem Kapitel erkennst du, dass ein shinydashboard im Grunde nur eine weitere shiny app ist – mit mehr Stellschrauben. Die gleichen Outputs und Inputs aus dem vorherigen Kapitel kannst du hier auf die gleiche Weise verwenden. Anschließend lernst du, ein einfaches Wireframing für ein Dashboard durchzuführen, bei dem du festlegst, wo Outputs und Inputs im Dashboard platziert werden.

Exercise 1: Bestandteile eines shinydashboard Exercise 2: Bestandteile der UI eines shinydashboard Exercise 3: Dein erstes (leeres) Dashboard Exercise 4: Header und Sidebar Exercise 5: Header- und Sidebar-Funktionen Exercise 6: Einen Header festlegen Exercise 7: Eine Sidebar einrichten Exercise 8: Der Body Exercise 9: Wireframing mit Boxes Exercise 10: Wireframing Exercise 11: Dein erstes shinydashboard Exercise 12: Hilfsfunktionen

Aktuelle Übung

Exercise 13: Einstellungen für Header und Seitenleiste Exercise 14: Der Body und die UI fertigstellen Exercise 15: Erstelle dein erstes Dashboard

In diesem Kapitel lernst du, dein shinydashboard durch interaktive Elemente weiter aufzuwerten. Dazu gehören Grafiken, Geodatenkarten und Tabellen, mit denen Dashboard-Nutzerinnen und -Nutzer in Echtzeit interagieren können.

Exercise 1: Interaktive Plots mit plotly Exercise 2: Eigene Plotly-Grafiken erstellen Exercise 3: Einschränkungen von plotly verstehen Exercise 4: Geodatenkarten mit sf Exercise 5: Typen von sf-Objekten Exercise 6: sf-Plots mit plot()Exercise 7: sf-Plots mit ggplot Exercise 8: Geodatenkarten mit leaflet Exercise 9: Ebenen einer leaflet-Karte Exercise 10: Erstelle deine erste leaflet-Karte Exercise 11: Interaktive Elemente in einem shinydashboard Exercise 12: Hilfsfunktionen erstellen Exercise 13: Dein erstes shinydashboard mit interaktiven Elementen

Jetzt, da du mit shinydashboard vertraut bist, fügen wir Designelemente hinzu. Wir können Hintergrundfarben ändern, Box-Abmessungen anpassen und mehr. Außerdem besprechen wir einige grundlegende Prinzipien guter UI/UX. Abschließend zeigen wir, wie sich Statusangaben und CSS-Formatierung nutzen lassen.

Exercise 1: Gute UI/UX‑Praktiken Exercise 2: UI/UX-Grundsätze verstehen Exercise 3: Wireframing mit UI/UX-Grundsätzen Exercise 4: Status, Farben und Skins Exercise 5: Statuses einstellen Exercise 6: Farben einstellen Exercise 7: shinydashboard-Skins ändern Exercise 8: Anpassung mit CSS-Formatierung Exercise 9: Gute UI/UX-Praktiken und ein Warm-up Exercise 10: Statuses und das UI vervollständigen Exercise 11: Passe dein shinydashboard mit CSS an Exercise 12: Abschluss