Video: How to Scale Shiny Dashboards

Estimated time:

time

min

[embed]https://youtu.be/oW2U2Ti8P-U[/embed] This presentation was a part of a joint virtual webinar with <a href="https://appsilon.com/shiny" target="_blank" rel="noopener noreferrer">Appsilon</a> and RStudio entitled "Enabling Remote Data Science Teams". Find a direct link to the presentation <a href="https://www.youtube.com/watch?v=oW2U2Ti8P-U&feature=youtu.be" target="_blank" rel="noopener noreferrer">here</a>. <h2>How to Scale a Shiny App to Hundreds of Users</h2> In this video, Appsilon's VP of the Board & Co-Founder Damian Rodziewicz explains best practices for scaling <a href="https://appsilon.com/shiny" target="_blank" rel="noopener noreferrer">Shiny</a> applications in production. Damian explains three of the areas that Appsilon focuses on to scale Shiny applications: <a href="https://appsilon.com/r-shiny-faster-updateinput-css-javascript/" target="_blank" rel="noopener noreferrer">Frontend Leveraging</a>, <a href="https://appsilon.com/shiny-worker-package/" target="_blank" rel="noopener noreferrer">Extracting Computations</a>, and creating a stable and scalable <a href="https://appsilon.com/alternatives-to-scaling-shiny/" target="_blank" rel="noopener noreferrer">Architecture</a>. R Shiny applications are fast by default but can become extremely slow if they are not properly built, especially when there are tens or hundreds of people using them. Having best practices in mind from the beginning of the project can save you a lot of trouble down the line. <blockquote>Learn More: <a href="https://appsilon.com/why-you-should-use-r-shiny-for-enterprise-application-development/" target="_blank" rel="noopener noreferrer">Why You Should Use R Shiny For Enterprise Application Development</a></blockquote> <h4>Vertical and Horizontal Scaling</h4> If you intend to scale your Shiny app, there are two concepts we need to explore: Vertical Scaling and Horizontal Scaling. <img class="aligncenter size-large wp-image-5607" src="https://wordpress.appsilon.com/wp-content/uploads/2020/10/001-1-1024x661.png" alt="Horizontal and vertical scaling" width="1024" height="661" />It's best to start with proper vertical scaling - you should make sure the application is fast and robust in the first place while running on a single machine, and then you can add as many machines as you want in an efficient way (horizontal scaling). With this in mind, let's return to our three previously mentioned areas: Leveraging Frontend, Extracting Computations, and Setting the Architecture. <img class="aligncenter size-large wp-image-5608" src="https://wordpress.appsilon.com/wp-content/uploads/2020/10/002-1-1024x485.png" alt="Pillars of making Shiny apps faster" width="1024" height="485" /> Below is a quick rundown of each area, but please reference the <a href="https://youtu.be/oW2U2Ti8P-U" target="_blank" rel="noopener noreferrer">video presentation</a> for a full explanation. Above all, it's important to Make the Shiny Layer Thin. This means that Shiny should only be doing the work that it's best at – creating an interface between R and your browser. The rest of the work (such as interactivity or long computations) should be offloaded to the browser or handled by the database, etc. <h4>Leverage Frontend </h4><ul><li>Render inputs in UI and update them in Server - failing to do so requires re-rendering entire widgets, which makes the application run slower.</li><li>Run inline JavaScript - the package <code class="language-r">shinyjs</code> allows you to do this. It's best used to make some quick toggles.</li><li>Set all actions in JavaScript - handle things like button clicks with JavaScript, not with Shiny.</li><li> Learn more about leveraging frontend in Shiny <a href="https://appsilon.com/r-shiny-faster-updateinput-css-javascript/" target="_blank" rel="noopener noreferrer">here</a>.</li></ul> <h4>Extract Computations </h4><ul><li>Remote API - the <code class="language-r">Plumber</code> library is excellent for doing this. You rarely need the entire dataset when using the application, so why not filter it down first and then load only what you need when you need it. This logic is easily wrapped into a simple API.</li><li>Use a database - loading large files in memory isn't scalable for tens/hundreds/thousands of users. Using a database can dramatically improve the performance of Shiny apps. </li><li>Are heavy calculations freezing your Shiny app? Appsilon is developing the <a href="https://appsilon.com/shiny-worker-package/" target="_blank" rel="noopener noreferrer">shiny.worker</a> package to address this problem. shiny.worker is currently still under development, but it can be made available to clients and non-profit organizations on request.</li></ul> <h4>Architecture</h4><ul><li>RStudio Connect and Shiny Server Open Source allows you to deploy applications quickly.</li><li>We use Ansible - to provision the whole infrastructure, install requirements, RStudio Connect, and deploy the application.</li><li>Learn more about the options for deploying Shiny apps <a href="https://appsilon.com/alternatives-to-scaling-shiny/" target="_blank" rel="noopener noreferrer">here</a>.</li></ul> <h1>Learn more</h1> <ul><li><a class="editor-rtfLink" href="https://wordpress.appsilon.com/shiny-worker-package/" target="_blank" rel="noopener noreferrer">shiny.worker: Speed Up R Shiny Apps by Offloading Heavy Calculations</a></li><li><a href="https://demo.appsilon.ai/" target="_blank" rel="noopener noreferrer">10+ Shiny Dashboard Examples</a></li><li><a href="https://appsilon.com/howto-css-and-shiny/" target="_blank" rel="noopener noreferrer">How to Use CSS to Style Your Shiny Dashboards</a></li></ul> Appsilon is an <a href="https://appsilon.com/appsilon-data-science-is-now-an-rstudio-full-service-certified-partner/" target="_blank" rel="noopener noreferrer">RStudio Full Service Certified Partner</a>. We are global leaders in Shiny and we specialize in advanced enterprise Shiny apps for Fortune 500 companies. Reach out to us at <a class="editor-rtfLink" target="_blank" rel="noopener noreferrer">hello@wordpress.appsilon.com</a>.