inst/jelly/ui.R
In wpgp/peanutButter: peanutButter
# controls: bottom-up
controls_bottomup1 <-
wellPanel(id='aggregate_controls1',
strong('Urban Settlements'),
sliderInput('pph_urb',
label = h5('Mean people per housing unit'),
min = 1, max = 10, value = 0, step = 0.1),
sliderInput('hpb_urb',
label = h5('Mean housing units per residential building'),
min = 1, max = 3, value = 0, step = 0.02),
sliderInput('pres_urb',
label = h5('Proportion building footprints that are residential'),
min = 0, max = 1, value = 0, step = 0.01),
shinyjs::hidden(
sliderInput('ppa_urb',
label = h5('Mean people per building area (ha)'),
min = 0, max = 2000, value = 0, step = 1))
)
controls_bottomup2 <-
wellPanel(id='aggregate_controls2',
strong('Rural Settlements'),
sliderInput('pph_rur',
label = h5('Mean people per housing unit'),
min = 1, max = 10, value = 0, step = 0.1),
sliderInput('hpb_rur',
label = h5('Mean housing units per residential building'),
min = 1, max = 3, value = 0, step = 0.02),
sliderInput('pres_rur',
label = h5('Proportion building footprints that are residential'),
min = 0, max = 1, value = 0, step = 0.01),
shinyjs::hidden(
sliderInput('ppa_rur',
label = h5('Mean people per building area (ha)'),
min = 0, max = 2000, value = 0, step = 1)
)
)
# controls: top-down
controls_topdown <-
wellPanel(id='disaggregate_controls',
strong('Upload Polygons (GeoJson)'),
fileInput("user_json",
NULL,
multiple = FALSE,
accept = c("application/json",".geojson",".json"),
buttonLabel = 'Browse'),
selectInput(inputId = 'popcol',
label = 'Column name with population totals',
choices = '(no polygons uploaded)')
)
# controls: age-sex
controls_agesex <-
wellPanel(strong('Age-sex Selection'),br(),
'The gridded population estimates that you download will represent the population within the selected age-sex groups.',
br(),br(),
splitLayout(cellWidths=c('25%','75%'),
checkboxInput(inputId="female_toggle", label="Female", value=T),
shinyWidgets::sliderTextInput(inputId="female_select",
label=NULL,
choices=c('<1','1-4','5-9','10-14','15-19','20-24','25-29','30-34','35-39','40-44','45-49','50-54','55-59','60-64','65-69','70-74','75-79','80+'),
selected=c('<1', '80+'),
force_edges=T,
grid=T)),
splitLayout(cellWidths=c('25%','75%'),
checkboxInput(inputId="male_toggle", label="Male", value=T),
shinyWidgets::sliderTextInput(inputId="male_select",
label=NULL,
choices=c('<1','1-4','5-9','10-14','15-19','20-24','25-29','30-34','35-39','40-44','45-49','50-54','55-59','60-64','65-69','70-74','75-79','80+'),
selected=c('<1', '80+'),
force_edges=T,
grid=T)),
conditionalPanel(condition='input.tabs == "Aggregate"',
icon('exclamation-triangle'), ' The on-screen table of results represents total populations and does not change with your age-sex selection.'
),
conditionalPanel(condition='input.tabs == "Disaggregate"',
icon('exclamation-triangle'), ' The population totals that you provide (above) must represent total population rather than a specific age-sex group.'
)
)
# controls: advanced
controls_advanced <-
conditionalPanel(condition='input.toggleAdvanced == true',
wellPanel(
strong('Unit of Analysis'), br(),
'The population can be estimated based on the count of buildings or the total area of buildings.', br(), br(),
radioButtons('units_count',
label=NULL,
choiceNames = c('Building count','Building area'),
choiceValues = c(T,F)),
conditionalPanel(condition='input.tabs == "Aggregate"',
icon('exclamation-triangle'), ' Changing the unit of analysis will modify the controls (above) for "Urban Settlements" and "Rural Settlements".'
), br(),br(),
strong('Size Thresholds for Buildings'), br(),
'You can choose to assume that no people live in the buildings with the smallest and/or largest building footprints.', br(), br(),
'Minimum building footprint area (sq m)', br(),
sliderInput('bld_min_area',
label=NULL, min=0, max=10, value=0, step=0.1),
'Maximum building footprint area (sq m)', br(),
sliderInput('bld_max_area',
label=NULL, min=1e3, max=max_building, value=max_building, step=100),
icon('exclamation-triangle'), paste0(' Setting the maximum area to ',max_building,' is equivalent to setting no limit (i.e. no large buildings will be removed).')
)
)
ui <- tagList(fluidPage(
shinyjs::useShinyjs(),
shinyjs::hidden(checkboxInput('updated',NULL,F)),
tags$style(HTML(".navbar-nav {float:none !important;}
.navbar-nav > li:nth-child(4){float:right}")),
tags$style('.irs-bar, .irs-bar-edge, .irs-single, .irs-from, .irs-to, .irs-grid-pol {background-color:darkgrey; border-color:darkgrey; }'),
fluidRow(
####-- control panel (left) --####
column(width=3, style=paste0('border: 1px solid ',gray(0.9),'; background:#f8f8f8'),
fluidRow(style='height:150px',
titlePanel(HTML('<div style="font-family:Helvetica,Arial,sans-serif;
font-size:19px; padding-left:15px; color:#777777; background:#f8f8f8">
peanutButter<hr></div>'),
windowTitle='peanutButter'),
# controls: select country
div(style='padding-left:15px',
selectInput('data_select',
label = HTML('Select Country'),
choices = select_list,
selected = initialize_country))
),
fluidRow(
column(width=12, style=paste0('height:calc(97vh - 150px); overflow-y:auto; background:#f8f8f8'),
controls_bottomup1,
controls_bottomup2,
controls_topdown,
checkboxInput('toggleAdvanced', HTML('<strong>Show Advanced Controls</strong> ',paste0(icon('angle-double-right')))),
controls_advanced,
controls_agesex
)
)
),
####-- results panel (center) --####
column(width=9,
navbarPage(title=NULL, id='tabs',
tabPanel('Aggregate', style='height:calc(97vh - 75px); overflow-y:auto; ',
h4('Do-It-Yourself Gridded Population Estimates'),
div(style='width:600px',
HTML(paste0('The "aggregate" tool will apply your estimates of people per building to every building and then aggregate buildings to estimate population size for each ~100 m grid cell using a high resolution map of building footprints<sup>1</sup>. See the "About" tab for details.<br><br>
',icon('info-circle'),' Move the sliders on the left panel to adjust settings<sup>2</sup> and then click "Refresh Results" to calculate a summary of the population estimates that will appear in the table below.<br><br>
',icon('info-circle'),' When you are satisfied that the settings and the results are reasonable, click the "Gridded Population Estimates" button to download a 100 meter population grid (geotiff raster, WGS84) created using your settings.<br><br>'))),
actionButton('submit',strong('Refresh Results'), style='width:405px'),br(),br(),
tableOutput('table_results'),
downloadButton('raster_buttonBU', strong('Gridded Population Estimates'), style='width:405px'),br(),br(),
downloadButton('table_buttonBU', 'Settings', style='width:200px'),
downloadButton('source_buttonBU', 'Source Files', style='width:200px'),br(),br(),
div(style='font-size:11px',
br(),htmlOutput('yeartextBU'))
),
tabPanel('Disaggregate',
h4('Do-It-Yourself Gridded Population Estimates'),
div(style='width:600px', HTML(paste0('The "disaggregate" tool allows you to disaggregate your own population totals from administrative units (or other polygons) into gridded population estimates based on a high resolution map of building footprints<sup>1</sup>. See the "About" tab for details.<br><br>
',icon('info-circle'),' Provide a polygon shapefile (GeoJson format) that contains the total population for each polygon. Adjust other settings as needed using the control panel to the left.<br><br>
',icon('info-circle'),' Click the "Gridded Population Estimates" button and the peanutButter application will use a high resolution map of building footprints to disaggregate your population totals into a 100 m grid.<br><br>'))),
downloadButton('raster_buttonTD', strong('Gridded Population Estimates'), style='width:405px'),
downloadButton('source_buttonTD', 'Source Files', style='width:200px'),br(),br(),
div(style='font-size:11px',
br(),htmlOutput('yeartextTD'))
),
tabPanel('About',
tags$iframe(style='overflow-y:auto; width:100%; height:calc(97vh - 75px)',
frameBorder='0',
src='about.html')
),
tabPanel(
a(href='https://www.worldpop.org', target='_blank',
style='padding:0px',
img(src='https://www.worldpop.org/resources/wp_logo/wp_logotype_grey75.png',
style='height:25px; margin-top:-30px; margin-left:10px'))
)
)
)
)
),
footer=tags$footer(HTML(paste0('<a href="https://github.com/wpgp/peanutButter" target="_blank">peanutButter v',packageVersion('peanutButter'),'</a>')),
align = 'right')
)
wpgp/peanutButter documentation built on June 13, 2021, 12:11 a.m.
R Package Documentation
Browse R Packages
We want your feedback!
Note that we can't provide technical support on individual packages. You should contact the package authors for that.
# controls: bottom-up
controls_bottomup1 <-
wellPanel(id='aggregate_controls1',
strong('Urban Settlements'),
sliderInput('pph_urb',
label = h5('Mean people per housing unit'),
min = 1, max = 10, value = 0, step = 0.1),
sliderInput('hpb_urb',
label = h5('Mean housing units per residential building'),
min = 1, max = 3, value = 0, step = 0.02),
sliderInput('pres_urb',
label = h5('Proportion building footprints that are residential'),
min = 0, max = 1, value = 0, step = 0.01),
shinyjs::hidden(
sliderInput('ppa_urb',
label = h5('Mean people per building area (ha)'),
min = 0, max = 2000, value = 0, step = 1))
)
controls_bottomup2 <-
wellPanel(id='aggregate_controls2',
strong('Rural Settlements'),
sliderInput('pph_rur',
label = h5('Mean people per housing unit'),
min = 1, max = 10, value = 0, step = 0.1),
sliderInput('hpb_rur',
label = h5('Mean housing units per residential building'),
min = 1, max = 3, value = 0, step = 0.02),
sliderInput('pres_rur',
label = h5('Proportion building footprints that are residential'),
min = 0, max = 1, value = 0, step = 0.01),
shinyjs::hidden(
sliderInput('ppa_rur',
label = h5('Mean people per building area (ha)'),
min = 0, max = 2000, value = 0, step = 1)
)
)
# controls: top-down
controls_topdown <-
wellPanel(id='disaggregate_controls',
strong('Upload Polygons (GeoJson)'),
fileInput("user_json",
NULL,
multiple = FALSE,
accept = c("application/json",".geojson",".json"),
buttonLabel = 'Browse'),
selectInput(inputId = 'popcol',
label = 'Column name with population totals',
choices = '(no polygons uploaded)')
)
# controls: age-sex
controls_agesex <-
wellPanel(strong('Age-sex Selection'),br(),
'The gridded population estimates that you download will represent the population within the selected age-sex groups.',
br(),br(),
splitLayout(cellWidths=c('25%','75%'),
checkboxInput(inputId="female_toggle", label="Female", value=T),
shinyWidgets::sliderTextInput(inputId="female_select",
label=NULL,
choices=c('<1','1-4','5-9','10-14','15-19','20-24','25-29','30-34','35-39','40-44','45-49','50-54','55-59','60-64','65-69','70-74','75-79','80+'),
selected=c('<1', '80+'),
force_edges=T,
grid=T)),
splitLayout(cellWidths=c('25%','75%'),
checkboxInput(inputId="male_toggle", label="Male", value=T),
shinyWidgets::sliderTextInput(inputId="male_select",
label=NULL,
choices=c('<1','1-4','5-9','10-14','15-19','20-24','25-29','30-34','35-39','40-44','45-49','50-54','55-59','60-64','65-69','70-74','75-79','80+'),
selected=c('<1', '80+'),
force_edges=T,
grid=T)),
conditionalPanel(condition='input.tabs == "Aggregate"',
icon('exclamation-triangle'), ' The on-screen table of results represents total populations and does not change with your age-sex selection.'
),
conditionalPanel(condition='input.tabs == "Disaggregate"',
icon('exclamation-triangle'), ' The population totals that you provide (above) must represent total population rather than a specific age-sex group.'
)
)
# controls: advanced
controls_advanced <-
conditionalPanel(condition='input.toggleAdvanced == true',
wellPanel(
strong('Unit of Analysis'), br(),
'The population can be estimated based on the count of buildings or the total area of buildings.', br(), br(),
radioButtons('units_count',
label=NULL,
choiceNames = c('Building count','Building area'),
choiceValues = c(T,F)),
conditionalPanel(condition='input.tabs == "Aggregate"',
icon('exclamation-triangle'), ' Changing the unit of analysis will modify the controls (above) for "Urban Settlements" and "Rural Settlements".'
), br(),br(),
strong('Size Thresholds for Buildings'), br(),
'You can choose to assume that no people live in the buildings with the smallest and/or largest building footprints.', br(), br(),
'Minimum building footprint area (sq m)', br(),
sliderInput('bld_min_area',
label=NULL, min=0, max=10, value=0, step=0.1),
'Maximum building footprint area (sq m)', br(),
sliderInput('bld_max_area',
label=NULL, min=1e3, max=max_building, value=max_building, step=100),
icon('exclamation-triangle'), paste0(' Setting the maximum area to ',max_building,' is equivalent to setting no limit (i.e. no large buildings will be removed).')
)
)
ui <- tagList(fluidPage(
shinyjs::useShinyjs(),
shinyjs::hidden(checkboxInput('updated',NULL,F)),
tags$style(HTML(".navbar-nav {float:none !important;}
.navbar-nav > li:nth-child(4){float:right}")),
tags$style('.irs-bar, .irs-bar-edge, .irs-single, .irs-from, .irs-to, .irs-grid-pol {background-color:darkgrey; border-color:darkgrey; }'),
fluidRow(
####-- control panel (left) --####
column(width=3, style=paste0('border: 1px solid ',gray(0.9),'; background:#f8f8f8'),
fluidRow(style='height:150px',
titlePanel(HTML('<div style="font-family:Helvetica,Arial,sans-serif;
font-size:19px; padding-left:15px; color:#777777; background:#f8f8f8">
peanutButter<hr></div>'),
windowTitle='peanutButter'),
# controls: select country
div(style='padding-left:15px',
selectInput('data_select',
label = HTML('Select Country'),
choices = select_list,
selected = initialize_country))
),
fluidRow(
column(width=12, style=paste0('height:calc(97vh - 150px); overflow-y:auto; background:#f8f8f8'),
controls_bottomup1,
controls_bottomup2,
controls_topdown,
checkboxInput('toggleAdvanced', HTML('<strong>Show Advanced Controls</strong> ',paste0(icon('angle-double-right')))),
controls_advanced,
controls_agesex
)
)
),
####-- results panel (center) --####
column(width=9,
navbarPage(title=NULL, id='tabs',
tabPanel('Aggregate', style='height:calc(97vh - 75px); overflow-y:auto; ',
h4('Do-It-Yourself Gridded Population Estimates'),
div(style='width:600px',
HTML(paste0('The "aggregate" tool will apply your estimates of people per building to every building and then aggregate buildings to estimate population size for each ~100 m grid cell using a high resolution map of building footprints<sup>1</sup>. See the "About" tab for details.<br><br>
',icon('info-circle'),' Move the sliders on the left panel to adjust settings<sup>2</sup> and then click "Refresh Results" to calculate a summary of the population estimates that will appear in the table below.<br><br>
',icon('info-circle'),' When you are satisfied that the settings and the results are reasonable, click the "Gridded Population Estimates" button to download a 100 meter population grid (geotiff raster, WGS84) created using your settings.<br><br>'))),
actionButton('submit',strong('Refresh Results'), style='width:405px'),br(),br(),
tableOutput('table_results'),
downloadButton('raster_buttonBU', strong('Gridded Population Estimates'), style='width:405px'),br(),br(),
downloadButton('table_buttonBU', 'Settings', style='width:200px'),
downloadButton('source_buttonBU', 'Source Files', style='width:200px'),br(),br(),
div(style='font-size:11px',
br(),htmlOutput('yeartextBU'))
),
tabPanel('Disaggregate',
h4('Do-It-Yourself Gridded Population Estimates'),
div(style='width:600px', HTML(paste0('The "disaggregate" tool allows you to disaggregate your own population totals from administrative units (or other polygons) into gridded population estimates based on a high resolution map of building footprints<sup>1</sup>. See the "About" tab for details.<br><br>
',icon('info-circle'),' Provide a polygon shapefile (GeoJson format) that contains the total population for each polygon. Adjust other settings as needed using the control panel to the left.<br><br>
',icon('info-circle'),' Click the "Gridded Population Estimates" button and the peanutButter application will use a high resolution map of building footprints to disaggregate your population totals into a 100 m grid.<br><br>'))),
downloadButton('raster_buttonTD', strong('Gridded Population Estimates'), style='width:405px'),
downloadButton('source_buttonTD', 'Source Files', style='width:200px'),br(),br(),
div(style='font-size:11px',
br(),htmlOutput('yeartextTD'))
),
tabPanel('About',
tags$iframe(style='overflow-y:auto; width:100%; height:calc(97vh - 75px)',
frameBorder='0',
src='about.html')
),
tabPanel(
a(href='https://www.worldpop.org', target='_blank',
style='padding:0px',
img(src='https://www.worldpop.org/resources/wp_logo/wp_logotype_grey75.png',
style='height:25px; margin-top:-30px; margin-left:10px'))
)
)
)
)
),
footer=tags$footer(HTML(paste0('<a href="https://github.com/wpgp/peanutButter" target="_blank">peanutButter v',packageVersion('peanutButter'),'</a>')),
align = 'right')
)
R Package Documentation
Browse R Packages
We want your feedback!
Note that we can't provide technical support on individual packages. You should contact the package authors for that.
Embedding an R snippet on your website
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.