Kenar çubuğu yerleşimleri

Yerleşim (layout) işlevleri, giriş ve çıktıları UI içinde görsel olarak düzenlemene olanak tanır. İyi seçilmiş bir yerleşim, bir Shiny uygulamasını görsel olarak daha çekici kılar ve aynı zamanda kullanıcı deneyimini iyileştirir.

Bu egzersizde, kullanıcıların popülerleşen isimlerin yaygınlığını keşfetmesini sağlayan bir Shiny uygulamasının yerleşimini değiştireceksin. Son uygulaman görsel olarak buna benzeyecek:

Soldaki kenar çubuğunda isim seçici, sağdaki ana panelde grafik olan bir uygulama

Bu egzersiz

R ile Shiny Kullanarak Web Uygulamaları Geliştirme

kursunun bir parçasıdır

Kursu Görüntüle

Egzersiz talimatları

Bu uygulamanın yerleşimini, isim seçicinin kenar çubuğunda; grafiğin ve tablonun ise sağda görünmesi için değiştir.

Uygulamalı interaktif egzersiz

Bu örnek kodu tamamlayarak bu egzersizi bitirin.

ui <- fluidPage(
  # MODIFY CODE BELOW: Wrap in a sidebarLayout
    # MODIFY CODE BELOW: Wrap in a sidebarPanel
    selectInput('name', 'Select Name', top_trendy_names$name),
    # MODIFY CODE BELOW: Wrap in a mainPanel
    plotly::plotlyOutput('plot_trendy_names'),
    DT::DTOutput('table_trendy_names')
)

# DO NOT MODIFY
server <- function(input, output, session){
  # Function to plot trends in a name
  plot_trends <- function(){
     babynames %>% 
      filter(name == input$name) %>% 
      ggplot(aes(x = year, y = n)) +
      geom_col()
  }
  output$plot_trendy_names <- plotly::renderPlotly({
    plot_trends()
  })
  
  output$table_trendy_names <- DT::renderDT({
    babynames %>% 
      filter(name == input$name)
  })
}

shinyApp(ui = ui, server = server)

Kodu Düzenle ve Çalıştır