R Shiny Dashboard Templates From Appsilon Are Now Available

By:
Appsilon Team
September 17, 2021

<h1>Free Shiny Dashboard Templates</h1> R is a versatile language for data science and Shiny is an R package for developing interactive web applications that improve data storytelling. R in combination with the right Shiny application can convert a backbench data science project into a massive success. However, even experienced R developers find it challenging to develop Shiny dashboard templates that display their data insights in an aesthetically pleasing and impactful way. In other words, most stock Shiny apps are ugly and not especially user-friendly. The team at Appsilon has developed a large number of enterprise Shiny apps at an extremely high level of quality. We've developed industry-leading Shiny apps for companies like Merck, Johnson & Johnson, and BCG. Developing and scaling great-looking and high-performing Shiny applications for Fortune 500 companies takes many years of expertise and a talented team with a wide skillset ranging from infrastructure engineers to UX designers. <blockquote><strong>Find out <a href="https://appsilon.com/why-you-should-use-r-shiny-for-enterprise-application-development/" target="_blank" rel="noopener noreferrer">why you should be using R Shiny for enterprise applications</a>.</strong></blockquote> We are constantly looking for ways to make life easier for data scientists, individual Shiny developers, and small teams who may not be able to engage Appsilon in a full project. For instance, we have a number of open-source R packages such as shiny.fluent to help the R community build better, more beautiful Shiny dashboards. The next step for us is to provide robust templates to accelerate the creation of Shiny PoCs. We've created a bundle of four Shiny dashboard templates based on our Shiny demos that we're providing to the R community on an open-source basis. Continue reading to learn more about the individual packages and how to install them.  <blockquote><strong>Download your Shiny template from <a href="https://templates.appsilon.com/#here" target="_blank" rel="noopener noreferrer">Appsilon’s free use Shiny Templates</a>. </strong></blockquote> <ul><li><a href="#anchor-1" target="_blank" rel="noopener noreferrer">R Shiny Dashboard Template Bundle</a></li><li><a href="#anchor-2" target="_blank" rel="noopener noreferrer">Enterprise Dashboard</a></li><li><a href="#anchor-3" target="_blank" rel="noopener noreferrer">Destination Overview Dashboard</a></li><li><a href="#anchor-4" target="_blank" rel="noopener noreferrer">Fluent UI</a></li><li><a href="#anchor-5" target="_blank" rel="noopener noreferrer">How to use your Shiny Dashboard Template</a></li></ul> <h2 id="anchor-1"><strong>R Shiny Dashboard Template Bundle</strong></h2> The Appsilon Shiny Dashboard Template bundle contains 4 applications. Each Shiny dashboard template is a free, open-source dashboard that users can download, install, and customize within minutes. We aim to help the R community quickly launch new projects or augment existing ones.  Shiny is in a league of its own when talking about building interactive web applications for documents, dashboards, BI tools, and more. But the control over customization requires experience in programming, web development, and UI/UX design. Ease-of-development is the limiting factor for Shiny adoption by those unfamiliar with programming in R.  Appsilon’s team of engineers, front-end developers, graphic designers, and business analysts have spent years delivering industry-leading R Shiny applications and building open-source R packages. Through our experience, we’ve developed workflows and frameworks to deliver creative and effective Shiny solutions and mapped efficiencies along the way. What better way to serve the R community than to provide a strong foundation for R users to test, build, improve, and implement their ideas.   <blockquote>Appsilon believes that function and beauty should go hand-in-hand for app development. That's why we create open source Shiny tools for the R community. </blockquote> The Shiny dashboard templates chosen for the bundle contain elements that are easily transferable to a variety of projects and cover three key features for app development:  <ol><li style="font-weight: 400;" aria-level="1"><b>Interactivity </b>- e.g., Enterprise Dashboard &amp; Destination Overview</li><li style="font-weight: 400;" aria-level="1"><b>UI/UX Design </b>- e.g., Fluent UI App</li><li style="font-weight: 400;" aria-level="1"><b>Simplicity </b>- e.g., Destination Overview &amp; Destination Overview Basic</li></ol> <h3 id="anchor-2"><strong>Enterprise Sales Dashboard</strong></h3> <img class="aligncenter size-full wp-image-20383" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b02022cbd83bfce97c20d9_Enterprise-Sales-R-Shiny-Dashboard.webp" alt="Enterprise Sales R Shiny Dashboard Free Template" width="800" height="400" /> &nbsp; A top-tier sales analytics dashboard designed with dynamic UI in mind. The dashboard is based on an HTML template and styled by Appsilon. It makes use of Appsilon branding, but you can customize it for your branding by changing font, coloring, and icons. There are multiple UI components that are defined as separate modules. This makes them easy to remove, reuse, and build your own application.  Enterprise Dashboard contains several dynamic elements including a map created with echarts4r, and charts showcasing two packages ggplot2 and dygraphs, that are updated through drop-down selections near the header. <h4>Tech Stack: </h4><ul><li>Shiny / htmlTemplate</li><li>Sass, CSS Grid</li></ul> <h4>UI Components:</h4><ul><li style="font-weight: 400;" aria-level="1">Headers with SVG logos</li><li style="font-weight: 400;" aria-level="1">Styled filters</li><li style="font-weight: 400;" aria-level="1">metrics displaying dynamic values based on dropdown selections</li><li style="font-weight: 400;" aria-level="1">Map created with echarts4r package</li><li style="font-weight: 400;" aria-level="1">Vertical bar chart created with ggplot2 package</li><li style="font-weight: 400;" aria-level="1">Horizontal bar chart created with dygraphs package</li></ul> <blockquote><strong>Explore the <a href="https://demo.appsilon.com/apps/shiny-enterprise-demo/" target="_blank" rel="noopener noreferrer">Enterprise Dashboard demo.</a></strong></blockquote> <h3 id="anchor-3"><strong>Destination Overview Dashboard (+Basic)</strong></h3> <img class="aligncenter size-medium wp-image-20101" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b02023d997c04c6840276b_Destination-Overview-Logistics-Shiny-Dashboard.svg" alt="Destination Overview homepage view - advanced version" width="800" height="400" /> &nbsp; A top-tier business logistics dashboard designed for functionality. The dashboard is based on RStudio’s <a href="https://rstudio.github.io/shinydashboard/index.html" target="_blank" rel="noopener noreferrer">shinydashboard</a> package: a straightforward tool for building simple dashboards with menus, graphs, and more. If you want to start an application from scratch, we highly recommend beginning with shinydashboards.  Styling was done by Appsilon and can be easily edited for personal branding. There are multiple UI components that are defined as separate modules. You can use the modules to build your own app or edit / remove to transform an existing one.  Destination Overview contains several dynamic elements including the Destination Map and bar chart created with echarts4r, as well as an interactive table component from DataTable library. The custom navbar at the top of the table can be set with alternate spellings, e.g., NY, New York, york, etc. You can add custom SVG graphics to the global (static ‘Total’ values) and local (dynamic - values by state) metrics.  A simplified version of Destination Overview is included in the package as Basic Destination Overview. The Basic Destination Overview dashboard comes without the interactive map component and removes the menu bar. The basic version offers a simple, yet effective overview. The icons in the metrics at the top of the dashboard can be edited for a custom look.  <h4>Tech Stack:</h4><ul><li style="font-weight: 400;" aria-level="1">Shiny / shinydashboard</li><li style="font-weight: 400;" aria-level="1">Sass, CSS Grid</li></ul> <h4>UI Components:</h4><ul><li style="font-weight: 400;" aria-level="1">Header with custom navbar elements</li><li style="font-weight: 400;" aria-level="1">sidebar with tabs menu</li><li style="font-weight: 400;" aria-level="1">Multiple tabs (2 dashboard views and contact page)</li><li style="font-weight: 400;" aria-level="1">Main:<ul><li style="font-weight: 400;" aria-level="2">Global metrics (static values) and local metrics (dynamic values) with SVG graphics</li><li style="font-weight: 400;" aria-level="2">Interactive table from DataTable</li><li style="font-weight: 400;" aria-level="2">Map created with echarts4r (not included in basic version)</li><li style="font-weight: 400;" aria-level="2">Bar chart created with echarts4r</li></ul> </li> </ul> <blockquote><strong>Explore the <a href="https://demo.appsilon.com/apps/destination_overview/?utm_source=template_marketplace&amp;utm_campaign=templates">Destination Overview demo.</a></strong></blockquote> <h3 id="anchor-4"><strong>Fluent UI App</strong></h3> <img class="aligncenter size-medium wp-image-20105" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b0202500b05468d71c75df_Fluent-UI-Shiny-Dashboard.svg" alt="Microsoft Fluent UI R Shiny Dashboard" width="800" height="400" /> &nbsp; An app that showcases the ability to port Microsoft’s Fluent UI, among other React Libraries, to Shiny. Using two new Appsilon packages <a href="https://github.com/Appsilon/shiny.react" target="_blank" rel="noopener noreferrer">shiny.react</a> and <a href="https://github.com/Appsilon/shiny.fluent" target="_blank" rel="noopener noreferrer">shiny.fluent</a>, you can now easily integrate Microsoft’s ubiquitous UI into your data science projects.  The template contains several components including tables, charts, maps, and cards. There is a rich collection of components available to use here and we’ve provided descriptions, live examples, and code for quick implementation. Use Fluent features in your app to ‘wow’ your users and make ease-of-use a breeze. <h4>Tech Stack:</h4><ul><li style="font-weight: 400;" aria-level="1">Shiny / shiny.react / shiny.fluent</li><li style="font-weight: 400;" aria-level="1">Shiny.router</li><li style="font-weight: 400;" aria-level="1">CSS</li><li style="font-weight: 400;" aria-level="1">JavaScript</li></ul> <h4>UI Components:</h4><ul><li style="font-weight: 400;" aria-level="1">Top header with commandBar containing buttons</li><li style="font-weight: 400;" aria-level="1">Sidebar navigation with links, e.g., to home and analysis pages</li><li style="font-weight: 400;" aria-level="1">home page with cards and description</li><li style="font-weight: 400;" aria-level="1">analysis page presenting actual dashboard as a grid of cards:<ul><li style="font-weight: 400;" aria-level="2"><strong>filters</strong></li><li style="font-weight: 400;" aria-level="2">Bar chart created with plotly and ggplot</li><li style="font-weight: 400;" aria-level="2">Table component</li><li style="font-weight: 400;" aria-level="2">Map created with leaflet</li></ul> </li> </ul> <blockquote><strong>Build familiar UI’s for a better user experience with an <a href="https://appsilon.com/shiny-fluent-intro/">intro to MS Fluent and Shiny.</a></strong></blockquote> <h2 id="anchor-5"><strong>How to use your Shiny Dashboard Templates</strong></h2> <h3>Installation</h3> To install all the dependencies for each app simply open the main directory and run renv::restore() in its root directory. The renv package is helpful for setting reproducible environments for R projects. If you’re unfamiliar with the <a href="https://rstudio.github.io/renv/" target="_blank" rel="noopener noreferrer">renv package</a>, we recommend reviewing the package documentation. <blockquote><strong>Need to get your new app up and running fast? Read this tutorial to <a href="https://appsilon.com/r-shiny-dashboard-templates/" target="_blank" rel="noopener">develop your free Shiny template in 10 minutes or less</a>.</strong></blockquote> <h3>Customizing</h3> You can easily customize components and variables by exploring the App folder structure. In the root directory, you can find constant variables in ‘<b>constants.R</b>’. Here you can adjust items such as color values, logos, or text. You can add new components or modify existing ones in the ‘<b>modules</b>’ folder. The ‘<b>styles</b>’ folder contains scss files with UI styling. Be aware that if you add or alter files here, you must import or remove them from the main.scss.  <h3>Hosting and deploying</h3> When it comes to deploying your Shiny app on the web, you have several options available ranging from open source to commercial platforms. You should take some time here to think carefully about the needs of your project and future upgrades as your application begins to scale.  If you’re familiar with RStudio you might consider using one of their products. You can deploy up to 5 applications to the cloud via RStudio’s Shinyapps.io. Shinyapps.io is fast, free, and easy to use.  If you prefer to keep your app stored on in-house storage RStudio has two options: Shiny Server and RStudio Connect. Shiny Server is open source and allows you to deploy your application behind firewalls. For enterprise-level applications, RStudio Connect covers all your bases from security and scaling to performance checks and resource metrics. RStudio allows you to automate operations, add permissions and security features, and supports a wide array of data science products developed in R or Python.  There are other options available, but for most use cases RStudio products provide quality solutions. If you are unsure of what type of product is best for you, reach out to us. Appsilon is a proud <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> and can help guide you to a best-fit decision.  If you’re a legacy Shiny Server Pro user you can still deploy your R and Python products with RStudio. For new users, RStudio Connect serves as the new-n-improved publishing platform for R and Python. RStudio comes with all the bells and whistles of Shiny Server Pro, with some added features to make sharing your data products a lot easier and maintainable.  <h2><strong>Need an enterprise solution beyond these Shiny Dashboard Templates?</strong></h2> <blockquote><strong>Download your Shiny template from <a href="https://templates.appsilon.com/#here" target="_blank" rel="noopener noreferrer">Appsilon’s free use Shiny Templates</a>. </strong></blockquote> Choosing R Shiny for app production means taking advantage of complete customization and interactive data visualization that will set your app apart from the competition. But we recognize that Shiny can bring its own challenges. If you need a PoC fast or an improvement on an existing concept, reach out to us. Appsilon is a global leader in R/Shiny development. And the Appsilon team plays an active role within the R/Shiny community, developing and maintaining open source packages and Shiny templates. From design to infrastructure, our <a href="https://shiny.tools/" target="_blank" rel="noopener noreferrer">Shiny tools</a> can be used to build efficient, <a href="https://appsilon.com/5-great-shiny-dashboards/" target="_blank" rel="noopener noreferrer">beautiful Shiny applications</a> that scale. We’ve got the skillset to solve the most challenging of problems. <img class="aligncenter size-full wp-image-8090" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b0202638e39fcee755b7a1_BottomCTA.webp" alt="Quote on Appsilon's data science solutions from Robin Whytock, researcher at the University of Sterling" width="1045" height="239" />

Have questions or insights?

Engage with experts, share ideas and take your data journey to the next level!
Explore Possibilities

Share Your Data Goals with Us

From advanced analytics to platform development and pharma consulting, we craft solutions tailored to your needs.

Talk to our Experts
shiny dashboards
open source
r
community
r community