Layouts e temas

Construindo Aplicações Web com Shiny em R

Kaelen Medeiros

Data Scientist

Layout padrão do app Shiny

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)

Um app exibindo um histograma de tempos de espera com um controle deslizante para o número de bins

Construindo Aplicações Web com Shiny em R

Layout com barra lateral

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)

Um app com um histograma de tempos de espera à direita e um controle deslizante para o número de bins à esquerda

Construindo Aplicações Web com Shiny em R

Layout com abas

Um app com um histograma de tempos de espera à direita e um controle deslizante para o número de bins à esquerda

Um app com um histograma de tempos de espera à direita e um controle deslizante para o número de bins à esquerda, com duas abas

Construindo Aplicações Web com Shiny em R

Layout com abas

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)
Construindo Aplicações Web com Shiny em R

Seletor de tema

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)

Um app com um histograma de tempos de espera à direita e um controle deslizante para o número de bins, além de um seletor de tema flutuante

Construindo Aplicações Web com Shiny em R

Adicionando um tema

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)

Um app com um histograma de tempos de espera à direita e um controle deslizante para o número de bins à esquerda

Construindo Aplicações Web com Shiny em R

Vamos praticar!

Construindo Aplicações Web com Shiny em R

Preparing Video For Download...