• Stars
    star
    485
  • Rank 87,075 (Top 2 %)
  • Language
    JavaScript
  • License
    Other
  • Created about 5 years ago
  • Updated 5 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

๐Ÿ•ฐ๏ธ Loading screens for Shiny

Loading screens for Shiny

R-CMD-check CRAN status

Website | Demo | Get Started | Cheat Sheet

The waiter lets you programmatically show and hide partial or full page loading screens with spinners or loading bars to keep your users patiently waiting as you load or compute fancy things.

Feature Waiter Waitress Hostess Attendant
Progress Bar โœ”๏ธ โœ”๏ธ โœ”๏ธ โœ”๏ธ
Full Screen โœ”๏ธ โœ”๏ธ โœ–๏ธ โœ–๏ธ
Works with waiter โœ”๏ธ โœ–๏ธ โœ”๏ธ โœ”๏ธ
Spinner โœ”๏ธ โœ–๏ธ โœ–๏ธ โœ–๏ธ
Updatable โœ”๏ธ โœ–๏ธ โœ–๏ธ โœ”๏ธ
Notifications โœ–๏ธ โœ”๏ธ โœ–๏ธ โœ–๏ธ

Examples

Below are simple examples of applications that use the package, consult the website for more.

Waiter

To use the waiter:

  1. Include useWaiter in your UI.
  2. Trigger waiter_show to show the waiting screen.
  3. Eventually trigger waiter_hide to hide the loading screen.
library(shiny)
library(waiter)

ui <- fluidPage(
  useWaiter(), # include dependencies
  actionButton("show", "Show loading for 3 seconds")
)

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

  observeEvent(input$show, {

    waiter_show( # show the waiter
      html = spin_fading_circles() # use a spinner
    )

    Sys.sleep(3) # do something that takes time
    
    waiter_hide() # hide the waiter
  })
  
}

shinyApp(ui, server)

The waiter includes more options to customise the spinner, the background, show the waiter on load, etc.

Waitress

To use the waitress:

  1. Include use_waitress in your UI.
  2. Initialise a waitress from the Waitress object with the new method.
  3. You must then call the start.
  4. On the waitress object use the increase method to increase the progress bar.
  5. Use the hide method when done.
library(shiny)
library(waiter)

ui <- fluidPage(
  useWaitress(),
  p("App content")
)

server <- function(input, output){

  # call the waitress
  waitress <- Waitress$
    new(theme = "overlay-percent")$
    start() # start

  for(i in 1:10){
    waitress$inc(10) # increase by 10%
    Sys.sleep(.3)
  }

  # hide when it's done
  waitress$close() 

}

shinyApp(ui, server)

There are more options to the waitress, you can have it overlay any element (such as the navbar), automagically increment it, etc.

Get it

You can install waiter from CRAN.

install.packages("waiter")

Or the development version from Github with:

install.packages("remotes")
remotes::install_github("JohnCoene/waiter")

Please note that the โ€˜waiterโ€™ project is released with a Contributor Code of Conduct. By contributing to this project, you agree to abide by its terms.

More Repositories

1

echarts4r

๐Ÿณ ECharts 5 for R
JavaScript
564
star
2

coronavirus

๐Ÿฆ  Novel Coronavirus (COVID-19) Tracker
R
321
star
3

cicerone

๐Ÿ›๏ธ Give tours of your Shiny apps
R
180
star
4

javascript-for-r

๐Ÿ“š JavaScript for R CRC Book
HTML
173
star
5

firebase

Google FIrebase for shiny
R
159
star
6

g2r

๐Ÿ“ˆ Grammar of graphics for interactive visualisations
R
149
star
7

packer

webpack + npm + R = โค๏ธ
R
135
star
8

grapher

โœ๏ธ Large interactive graphs
JavaScript
92
star
9

sever

๐Ÿ”ชGood-looking problems: customise your Shiny disconnected screen and error messages
R
77
star
10

linne

๐ŸŒŠ Write CSS in R
R
77
star
11

sigmajs

ฮฃ sigma.js for R
R
71
star
12

tippy

๐Ÿ’ฌ Tippy.js for Shiny
R
70
star
13

scrollytell

Scrollytell with R
R
68
star
14

pushbar

๐Ÿ–ฅ๏ธ Off-canvas elements for Shiny
R
58
star
15

globe4r

๐ŸŒŽ Interactive globe visualisations
HTML
54
star
16

marker

๐Ÿ–Š๏ธ Dynamically Highlight Text in Shiny
R
54
star
17

marat

๐Ÿ“œ Jekyll theme inspired by L'Ami du peuple
Ruby
54
star
18

chirp

๐Ÿ”ฌVisualise Twitter Interactions
HTML
50
star
19

graphTweets

๐Ÿ“ฃ Visualise networks of Twitter interactions
R
46
star
20

echarts

๐Ÿณ echarts for R - htmlwidget
R
43
star
21

countup

โฑ๏ธ countup.js R htmlwidget
R
36
star
22

how-to-build-htmlwidgets

Material - How to build htmlwidgets workshop
HTML
35
star
23

charter

Chart.js for R
R
33
star
24

awn

Awesome notifications for shiny
R
25
star
25

bsutils

Utilities for Bootstrap 5
R
23
star
26

datamaps

๐Ÿ“ datamaps htmlwidget for R
R
22
star
27

sacred

๐Ÿ“– Sacred texts in R
R
21
star
28

nter

โŒจ๏ธ Trigger shiny buttons with the enter key
R
21
star
29

shinyscroll

Scroll to an element in Shiny
R
21
star
30

titanicon

Titanic animated icons for Shiny and Rmarkdown.
R
21
star
31

horizonplot

Horizon Plot Time Series
R
21
star
32

twinetverse

๐Ÿ’ซ Easily install and load packages for Twitter network analysis and visualisation
R
20
star
33

npm

npm from R
R
19
star
34

g3r

3D, VR and AR Maps in R
JavaScript
19
star
35

echarts4r.maps

Maps for echarts4r
R
18
star
36

reactrend

react-trend for R based on reactR
R
17
star
37

reactslider

WIP reactslider for Shiny
R
15
star
38

echarts4rShiny

Demo of shiny working with echarts4r
R
15
star
39

typedjs

โŒจ๏ธ typed.js R htmlwidgets
R
14
star
40

mjml

๐Ÿ“จ Create responsive emails with R
R
13
star
41

youTubeDataR

โ–ถ๏ธ Integrates R and the YouTube Data API
R
13
star
42

arframer

๐Ÿ“ฆ Augmented Reality in R
R
12
star
43

scrollyteller

Package 'verse for scrollytelling in Shiny
R
12
star
44

aframer

๐Ÿ“ฆ R wrapper to aframe
R
11
star
45

n3d

3D networks in R
R
11
star
46

yarn

yarn from R
R
11
star
47

gior

A Declarative 3D Globe Data Visualization
R
11
star
48

r-network-visualisation

Handy list of network visualisation libraries for R
11
star
49

echarts4r.assets

Assets for echarts4r
R
11
star
50

peity

Inline charts for R
R
10
star
51

textillate

๐Ÿ“„ textillate.js for R
R
10
star
52

fullscreen

Make Rmarkdown and Shiny apps fullscreen
R
10
star
53

shinytitle

Dynamically update shiny page title
JavaScript
10
star
54

billboard

๐Ÿ“Š htmlwidget for billboard.js
R
10
star
55

js-shiny

Example of using JavaScript to solve shiny dynamic input hell
JavaScript
9
star
56

headspace

Headspace.js for Shiny
R
9
star
57

shiny-endpoints

Dynamic endpoints in shiny
R
8
star
58

gdp-app

GDP app with globe4r
R
8
star
59

shticky

Euwww, shticky shtuff
R
8
star
60

h3inr

H3 bindings for R
R
6
star
61

parcel

Parcel for R
HTML
6
star
62

go-nettle

Basic Graph Layout
Go
5
star
63

aforce

๐Ÿ“ฆ 3D Force-Directed Graph in R
R
5
star
64

golem-cmd

๐Ÿ’ก A cli for golem
JavaScript
5
star
65

r-ladies-tunis

R Ladies Tunis Workshop Resources
R
5
star
66

twinetbook

๐Ÿ“˜ twinetverse book
HTML
5
star
67

ericsson

Interact with erlang from R
R
4
star
68

trianglify

๐Ÿ“ htmlwidget for trianglify
R
4
star
69

JohnCoene

4
star
70

gkg

Google Knowledge Graph from R
R
4
star
71

ytr

R Wrapper to the Youtube Analytics API
R
4
star
72

gior-shiny

Shiny demo of the gior package
R
4
star
73

funplot

๐Ÿ“‰ Function Plot is a plotting library built on top of D3.js used to render functions with little configuration
R
4
star
74

base-gior

Setup to start building the gior package
R
3
star
75

go-graphtweets

graphTweets for golang
Go
3
star
76

cran

Cran Dependency Graph
R
3
star
77

egg

๐Ÿฅš egg.js htmlwidget for R
R
3
star
78

sigmajshiny

Sigma js for shiny
R
3
star
79

progressBaR

๐Ÿ”š ProgressBar.js htmlwidget
R
3
star
80

baffle

Baffle text
R
2
star
81

aphysics

๐Ÿ“ฆ Physics for aframer
R
2
star
82

uvcharts

uvcharts htmlwidget for R
R
2
star
83

fbadsinsightsr

๐Ÿ‘ fbAdsInsightsR is an R package that allows fetching data from the Facebook Ads Insights API.
R
2
star
84

rtable

Wrapper to the Airtable API
R
2
star
85

shiny-aframer

Shiny & aframer example
R
2
star
86

aenvironment

๐Ÿ“ฆ Environment for aframer
R
2
star
87

go-ergo

Ergodicity Economics
Go
2
star
88

tweets2earth

๐ŸŒŽ Plot tweets on Google Earth
R
2
star
89

bananas

๐ŸŒ Wrapper to the 'MailChimp' API
R
2
star
90

chartist

๐Ÿ“‰ chartist htmlwidget for R
R
2
star
91

vrrr

Virtual Reality in R
R
2
star
92

go-sharedcount

Sharedcount API for Go
Go
1
star
93

wine

๐Ÿท Wine on Social Media Dashboard
HTML
1
star
94

rodham

๐Ÿคทโ€โ™€๏ธFetch Hillary Rodham Clinton emails
R
1
star
95

apoint

๐Ÿ“ฆ Points for aframer
JavaScript
1
star
96

acharts

๐Ÿ“ฆ Make Virtual Reality Charts with R
R
1
star
97

aextras

๐Ÿ“ฆ Extras component for aframer
R
1
star
98

parsely

๐ŸŒฟ R wrapper to the parse.ly API
R
1
star
99

livestream

๐Ÿ“บ R Wrapper to the Livestream API
R
1
star
100

apath

๐Ÿ“ฆ Path component for aframer
CSS
1
star