Schietincidenten met meerdere slachtoffers

Webapplicaties bouwen met Shiny in R

Ramnath Vaidyanathan

VP of Product Research

Data verkennen

De eerste 10 rijen van de dataset mass shootings

Een app met rode cirkels voor elk schietincident; details verschijnen bij klikken

UI toevoegen

ui <- bootstrapPage(
  theme = shinythemes::shinytheme('simplex'),

  leaflet::leafletOutput('map', width = '100%', height = '100%'),

  absolutePanel(top = 10, right = 10, id = 'controls',

    sliderInput('nb_fatalities', 'Minimum aantal doden', 1, 40, 10),

    dateRangeInput('date_range', 'Selecteer datum', "2010-01-01", "2019-12-01"),

  )

  , tags$style(type = "text/css", "
    html, body {width:100%;height:100%}     
    #controls{background-color:white;padding:20px;}
  ")

)

Output toevoegen: interactieve kaart

server <- function(input, output, session){

  output$map <- leaflet::renderLeaflet({

    leaflet() %>%

      addTiles() %>%

      setView( -98.58, 39.82, zoom = 5)

  })

}

Een app met een interactieve kaart van de VS en bedieningselementen voor datumbereik en aantal doden

Reactiviteit toevoegen

rval_mass_shootings <- reactive({

  mass_shootings %>%

    filter(

      date >= input$date_range[1],

      date <= input$date_range[2],

      fatalities >= input$nb_fatalities

    )

})

Output updaten: interactieve kaart

output$map <- leaflet::renderLeaflet({

  rval_mass_shootings() %>%

    leaflet() %>% 
      addTiles() %>%
      setView( -98.58, 39.82, zoom = 5) %>%

      addCircleMarkers(

        popup = ~ summary,

        radius = ~ fatalities,

        fillColor = 'red', color = 'red', weight = 1

      )

})

Een app met rode cirkels voor elk schietincident; details verschijnen bij klikken

App updaten: actieknop en modal

ui <- bootstrapPage(
  theme = shinythemes::shinytheme('simplex'),
  leaflet::leafletOutput('map', width = '100%', height = '100%'),
  absolutePanel(top = 10, right = 10, id = 'controls',
    sliderInput('nb_fatalities', 'Minimum aantal doden', 1, 40, 10),
    dateRangeInput('date_range', 'Selecteer datum', "2010-01-01", "2019-12-01"),

    actionButton('show_about', 'Info')

  )
)

server <- function(input, output, session){

  observeEvent(input$show_about, {

    showModal(modalDialog(text_about, title = 'Info'))

  })

}

Een app met rode cirkels voor elk schietincident; details verschijnen bij klikken

Laten we oefenen!

Webapplicaties bouwen met Shiny in R