Componentes de um shinydashboard

Construindo dashboards com shinydashboard

Png Kee Seng

Researcher

O que é um shinydashboard?

Um shinydashboard é apenas um shinyApp com um dashboard como saída
- É preciso ter uma UI
- É preciso ter um server
Também é preciso um shinyApp() para juntar a UI e o server
Note que a UI é definida por dashboardPage() e não por fluidPage()

ui <- dashboardPage(header, sidebar, body)

server <- function(input, output){
...
}

shinyApp(ui, server)

A interface do usuário (UI)

A UI agora tem mais partes
1. Um header
2. Uma sidebar
3. Um body
A UI do shinydashboard é montada com dashboardPage()

header <- dashboardHeader(...)

sidebar <- dashboardSidebar(...)

body <- dashboardBody(...)

# uma UI de shinydashboard
ui <- dashboardPage(header, sidebar, body)

Uma prévia da UI

Uma visão dos componentes de uma UI do shinydashboard.

Revisitando a analogia do restaurante

A UI é como o restaurante
O server é como o garçom
A UI pode ser dividida em componentes menores

Um usuário do shinyApp é como um cliente de restaurante.

O garçom leva o pedido à cozinha e traz a comida para nós.

¹ Imagem por macrovector no Freepik

A UI como um menu degustação

Na UI:
- O header é como a fachada
- A sidebar é como o cardápio de pratos
- As saídas e entradas são os pratos e pedidos
Um prato é apresentado por vez
Há instruções para cada prato
Cada prato é como um shinyApp
- Podemos ter vários conjuntos de entradas e saídas

Cada prato é como um shinyApp com várias entradas e saídas.

¹ Imagem por brgfx no Freepik

Um shinydashboard vazio

library(shinydashboard)
library(shiny)

header <- dashboardHeader(title = "My first dashboard")

sidebar <- dashboardSidebar()

body <- dashboardBody()

ui <- dashboardPage(header, sidebar, body)

Renderizando o shinydashboard

header <- dashboardHeader(title = "My first dashboard")

sidebar <- dashboardSidebar()

body <- dashboardBody()

ui <- dashboardPage(header, sidebar, body)


server <- function(input, output) {
}


shinyApp(ui, server)

Renderizando o shinydashboard

Um shinydashboard vazio

Vamos praticar!

Construindo dashboards com shinydashboard