Layout (UI) aktualisieren

Du kannst die von Shiny bereitgestellten layout-Funktionen verwenden, um die UI-Elemente anzuordnen. In diesem Fall wollen wir ein sidebarLayout() nutzen, bei dem die Eingabe in einem sidebarPanel() und die Ausgabe in einem mainPanel() platziert wird. Du kannst diese Vorlage verwenden, um das Layout deiner App zu aktualisieren.

sidebarLayout(
  sidebarPanel(p("This goes into the sidebar on the left")),
  mainPanel(p("This goes into the panel on the right"))
)

Wir haben die Pakete shiny und ggplot2 für dich vorab geladen. Beachte, dass p('hello') ein HTML-Absatz-Element mit dem Text "hello" zurückgibt.

Diese Übung ist Teil des Kurses

<Kurs>Webanwendungen mit Shiny in R entwickeln</Kurs>

Kurs ansehen

Übungsanweisungen

Platziere das textInput() in einem sidebarPanel().
Platziere das plotOutput() in einem mainPanel().
Platziere beide Panels in einem Sidebar-Layout: sidebarLayout(___ , ___).

Interaktive praktische Übung

Versuche dich an dieser Übung, indem du diesen Beispielcode vervollständigst.

ui <- fluidPage(
  titlePanel("Baby Name Explorer"),
  # CODE BELOW: Add a sidebarLayout, sidebarPanel, and mainPanel
  
  textInput('name', 'Enter Name', 'David'),
  plotOutput('trend')
  
)

server <- function(input, output, session) {
  output$trend <- renderPlot({
    ggplot()
  })
}

shinyApp(ui = ui, server = server)

Code bearbeiten und ausführen