Bố cục và chủ đề

Xây dựng ứng dụng web với Shiny trong R

Kaelen Medeiros

Data Scientist

Bố cục ứng dụng Shiny mặc định

ui <- fluidPage(
  titlePanel("Histogram"),
  sliderInput('nb_bins', '# Bins', 5, 10, 5),
  plotOutput('hist')
)
server <- function(input, output, session){
  output$hist <- renderPlot({
    hist(faithful$waiting, 
         breaks = input$nb_bins, 
         col = 'steelblue')
  })
}
shinyApp(ui = ui, server = server)

Ứng dụng hiển thị biểu đồ tần suất thời gian chờ cùng với một thanh trượt để điều chỉnh số lượng bins

Xây dựng ứng dụng web với Shiny trong R

Bố cục thanh bên

ui <- fluidPage(
  titlePanel("Histogram"),
  sidebarLayout(
    sidebarPanel(sliderInput('nb_bins', 
                             '# Bins', 5, 10, 5)),
    mainPanel(plotOutput('hist'))
  )
)
server <- function(input, output, session){
  output$hist <- renderPlot({
    hist(faithful$waiting, breaks = input$nb_bins, 
         col = 'steelblue')
  })
}
shinyApp(ui = ui, server = server)

Ứng dụng hiển thị biểu đồ tần suất thời gian chờ ở bên phải và một thanh trượt để điều chỉnh số lượng bins ở bên trái

Xây dựng ứng dụng web với Shiny trong R

Bố cục theo thẻ

Ứng dụng hiển thị biểu đồ tần suất thời gian chờ ở bên phải và một thanh trượt để điều chỉnh số lượng bins ở bên trái

Ứng dụng hiển thị biểu đồ tần suất thời gian chờ ở bên phải và một thanh trượt để điều chỉnh số lượng bins ở bên trái, với hai thẻ

Xây dựng ứng dụng web với Shiny trong R

Bố cục theo thẻ

ui <- fluidPage(
  titlePanel("Histogram"),
  sidebarLayout(
    sidebarPanel(sliderInput('nb_bins', '# Bins', 
                             5, 10, 5)),
    mainPanel(

      tabsetPanel(
        tabPanel('Waiting', 
                 plotOutput('hist_waiting')),
        tabPanel('Eruptions',
                 plotOutput('hist_eruptions'))
      )

    )
  )
)

server <- function(input, output, session){
  output$hist_waiting <- renderPlot({
    hist(faithful$waiting, 
         breaks = input$nb_bins, 
         col = 'steelblue')
  })
  output$hist_eruptions <- renderPlot({
    hist(faithful$eruptions, 
         breaks = input$nb_bins, 
         col = 'steelblue')
  })
}
shinyApp(ui = ui, server = server)
Xây dựng ứng dụng web với Shiny trong R

Bộ chọn chủ đề

ui <- fluidPage(
  titlePanel("Histogram"),

  shinythemes::themeSelector(),

  sidebarLayout(
    sidebarPanel(sliderInput('nb_bins', '# Bins', 
                             5, 10, 5)),
    mainPanel(plotOutput('hist'))
  )
)
server <- function(input, output, session){
  output$hist <- renderPlot({
    hist(faithful$waiting, breaks = input$nb_bins, 
         col = 'steelblue')
  })
}
shinyApp(ui = ui, server = server)

Ứng dụng hiển thị biểu đồ tần suất thời gian chờ ở bên phải và một thanh trượt để điều chỉnh số lượng bins, cùng với bộ chọn chủ đề nổi

Xây dựng ứng dụng web với Shiny trong R

Thêm chủ đề

ui <- fluidPage(
  titlePanel("Histogram"),

  theme = shinythemes::shinytheme('superhero'),

  sidebarLayout(
    sidebarPanel(sliderInput('nb_bins', '# Bins', 
                             5, 10, 5)),
    mainPanel(plotOutput('hist'))
  )
)
server <- function(input, output, session){
  output$hist <- renderPlot({
    hist(faithful$waiting, breaks = input$nb_bins, 
         col = 'steelblue')
  })
}
shinyApp(ui = ui, server = server)

Ứng dụng hiển thị biểu đồ tần suất thời gian chờ ở bên phải và một thanh trượt để điều chỉnh số lượng bins ở bên trái

Xây dựng ứng dụng web với Shiny trong R

Hãy luyện tập!

Xây dựng ứng dụng web với Shiny trong R

Preparing Video For Download...