5 Great Shiny Dashboards from Appsilon
<h2>5 Great Shiny Dashboards - Appsilon's Top Picks</h2> This article will cover a few of the best Shiny Dashboards created by the Appsilon team. <a href="https://appsilon.com/shiny/" target="_blank" rel="noopener noreferrer">R/Shiny</a> is an R package that makes it easy to build interactive dashboards that look great in R. Additionally, we can build <a href="https://appsilon.com/computer-vision/" target="_blank" rel="noopener noreferrer">Machine Learning or AI pipelines</a> behind the screen to integrate data science technologies. Apps built with shiny can have reactive elements that change according to user inputs - a powerful feature unique to the Shiny ecosystem. And shiny Apps can be custom-styled according to the needs of the user. All-in-all, Shiny Dashboards are an excellent tool for telling data-centric stories in professional, enterprise-level applications. <ol><li><a href="#anchor-1" target="_blank" rel="noopener noreferrer">Why Shiny</a></li><li><a href="#anchor-2" target="_blank" rel="noopener noreferrer">5 Great Shiny Dashboards</a></li><li><a href="#anchor-3" target="_blank" rel="noopener noreferrer">Shiny Fluent</a></li><li><a href="#anchor-4" target="_blank" rel="noopener noreferrer">Port Analytics</a></li><li><a href="#anchor-5" target="_blank" rel="noopener noreferrer">Visualise</a></li><li><a href="#anchor-6" target="_blank" rel="noopener noreferrer">Shiny Enterprise App</a></li><li><a href="#anchor-7" target="_blank" rel="noopener noreferrer">Damage Assessment</a></li><li><a href="#anchor-8" target="_blank" rel="noopener noreferrer">Conclusion</a></li></ol> <h2 id="anchor-1">Why Shiny</h2> So <a href="https://appsilon.com/why-you-should-use-r-shiny-for-enterprise-application-development/" target="_blank" rel="noopener noreferrer">why should you use R Shiny</a> Dashboards?: <ul><li style="font-weight: 400;" aria-level="1">Reactivity - Various plots, graphs, tables, and even inputs can be coded to react to user inputs. This is integrated into the Shiny logic and does not require manual coding.</li><li>Time - You can rapidly <a href="https://appsilon.com/how-i-built-an-interactive-shiny-dashboard-in-2-days-without-any-experience-in-r/" target="_blank" rel="noopener noreferrer">develop a PoC faster with Shiny</a> than with other dashboard-building tools. An advanced dashboard can be ready in one month from the first rough sketch of the app.</li><li style="font-weight: 400;" aria-level="1">Styling - Any custom design can be implemented on Shiny with CSS. Even Microsoft’s Fluent UI can be implemented. </li><li style="font-weight: 400;" aria-level="1">JS - For advanced usage and functionality, JavaScript is also supported.</li><li style="font-weight: 400;" aria-level="1">R - Shiny is based on R which means the dashboard can have all of R’s statistical and machine learning capabilities.</li></ul> <blockquote>“It took us one month to get from sketch to a working application” John Dannberg, The Boston Consulting Group</blockquote> <h2 id="anchor-2">5 Great Shiny Dashboards</h2> Let's look at 5 unique dashboards built with R Shiny. The apps below are great examples of how Shiny integrates data science, large data sources, javascript, CSS, and R to deliver superior results over similar solutions available on the market. These dashboards demonstrate that Shiny apps can improve user experience by merging the complexities of large data and data science-related technologies built into one stand-alone application. <h3 id="anchor-3">1. Shiny Fluent App</h3> <a href="https://demo.appsilon.com/apps/fluentui" target="_blank" rel="noopener noreferrer"><img class="aligncenter size-full wp-image-7090" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b0206272a288e80b4e7233_tutorial-part2-final.gif" alt="" width="1600" height="901" /></a> This Shiny dashboard is built using the newly launched <a href="https://github.com/Appsilon/shiny.fluent" target="_blank" rel="noopener noreferrer">shiny.fluent</a> and <a href="https://github.com/Appsilon/shiny.react" target="_blank" rel="noopener noreferrer">shiny.react</a> packages built by the <a href="https://appsilon.com/" target="_blank" rel="noopener noreferrer">Appsilon</a> Team. This dashboard shines on looks and feel. It takes inspiration from Microsoft’s Fluent library and represents a <a href="https://appsilon.com/shiny-fluent-intro/" target="_blank" rel="noopener noreferrer">breakthrough in Shiny UI</a>. The Shiny Fluent App has all the components for demonstration purposes, including interesting features like the “People Selector” (<a href="https://aniaskrzydlo.shinyapps.io/story/_w_c04eb737/#!/" target="_blank" rel="noopener noreferrer">try it out here</a>). This allows the user to select from a list of people with a photo beside their names. There are other cool components like progress indicators and modals. For enterprises already using MS products, the Shiny Fluent App brings a professional look and elegant design that is familiar to their users. <a href="https://demo.appsilon.com/apps/fluentui" target="_blank" rel="noopener noreferrer">Shiny Fluent Dashboard Live!</a> <h3 id="anchor-4">2. Port Analytics</h3> <a href="https://demo.appsilon.com/apps/ports_analytics" target="_blank" rel="noopener noreferrer"><img class="aligncenter size-full wp-image-7118" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b0206410fa9efb4ccbc96b_portanalytics.webp" alt="" width="3332" height="1758" /></a> The Port Analytics dashboard shows an overview of port logistics to assist Shipping Port/Dock managers - the ships in these ports, the number of vessels in a port over time, and a comparison between ports and other analytics with plots, charts, and maps. In this case, Shiny is used to present a sleek, functional dashboard design while having advanced analytics embedded within the dashboard. To showcase data in a geospatial format, we used leaflet - the gold standard in maps as it supports <a href="https://appsilon.com/leaflet-geomaps/" target="_blank" rel="noopener noreferrer">multiple map styles and treats objects within the map as layers</a>. The dashboard also shows a data table based on the user selection. This is where reactivity in shiny plays a powerful role in user interaction and inputs. <a href="https://demo.appsilon.com/apps/ports_analytics" target="_blank" rel="noopener noreferrer">Port Analytics Live!</a> <h3 id="anchor-5">3. Visualise</h3> <a href="https://demo.appsilon.com/apps/visuarisk" target="_blank" rel="noopener noreferrer"><img class="aligncenter size-full wp-image-7121" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b0206410fa9efb4ccbc98d_visualise_dash.webp" alt="" width="1919" height="945" /></a> Shiny dashboards can also be built to do <a href="https://appsilon.com/ai-for-good/" target="_blank" rel="noopener noreferrer">good in the world</a> and improve human life, something <a href="https://appsilon.com/company/" target="_blank" rel="noopener noreferrer">we at Appsilon care about deeply</a>. This dashboard visualizes disaster risk and development indicators in Madagascar. The Visualise dashboard combines spatially explicit hazard modeling with nationwide household survey data. Users can quickly visualize vulnerable communities with consistent analysis of cyclone risk at the national, provincial, and household levels. This dashboard has a consistent style and color scheme that lends a unique look and feel. It has three modules namely National Overview, Provincial Simulation, and Poverty and Equity Analysis. Feel free to click through the dashboard to know more. <a href="https://demo.appsilon.com/apps/visuarisk" target="_blank" rel="noopener noreferrer">Visualise Live!</a> <h3 id="anchor-6">4. Shiny Enterprise App</h3> <a href="https://demo.appsilon.com/apps/shiny-enterprise-demo/" target="_blank" rel="noopener noreferrer"><img class="aligncenter size-full wp-image-7119" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b020657a92f47f699be8a2_shinyenterpriseapp.webp" alt="" width="2608" height="1560" /></a> A simplistic, yet highly informative dashboard that demonstrates how quickly a dashboard can be built and with ease. Near the top, we have business metrics like Revenue, Costs, Active Users, and Complaints. Along the left side, a column chart shows the revenue over time and with additional selectable metrics. On the right side, a color-coded leaflet map presents revenue per country. Near the bottom, we have the breakdown of each metric. Users can change the time frame to view temporal changes for metrics in the plots and maps. <a href="https://demo.appsilon.com/apps/shiny-enterprise-demo" target="_blank" rel="noopener noreferrer">Shiny Enterprise Dashboard Live!</a> <h3 id="anchor-7">5. Damage Assessment</h3> <a href="https://demo.appsilon.com/apps/building_damage_assessment" target="_blank" rel="noopener noreferrer"><img class="aligncenter size-full wp-image-7117" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b02067e9c00d5eac14abb6_damageassessment.webp" alt="" width="3360" height="1754" /></a> Here we present an example of how a Shiny Dashboard can combine powerful data analytics with <a href="https://appsilon.com/satellite-image-analysis-with-fast-ai-for-disaster-recovery/" target="_blank" rel="noopener noreferrer">AI to be used for good</a>. The Building Damage Assessment app identifies impacted structures in areas struck by natural disasters using satellite imagery and AI. The users can interact with the dashboard by moving a slider across the two images. This clever tool provides a creative way for users to engage with the story behind the data. Users can analyze the imagery with an AI by selecting the "Analyze with AI" button. The AI takes the images as input and highlights the buildings in red, orange, yellow, and green colors to indicate 4 damage levels: destroyed, majorly damaged, minor damage, and no damage, respectively. <a href="https://demo.appsilon.com/apps/building_damage_assessment" target="_blank" rel="noopener noreferrer">Damage Assessment Live!</a> <h2 id="anchor-8">Conclusion</h2> This is not an exhaustive list and there are many other beautiful and seemingly complex dashboards out there. <a href="https://www.rstudio.com/resources/rstudioglobal-2021/guide-to-working-in-open-source-shiny/" target="_blank" rel="noopener noreferrer">Open source Shiny</a>, having <a href="https://shiny.tools/" target="_blank" rel="noopener noreferrer">easy-to-use tools</a> for full-stack development, fast prototyping, and a wealth of integrated packages for visualization, is a must-use for projects requiring R’s data-handling capabilities and user-friendly optimization. As the examples above show, shiny allows for unique storytelling experiences by creating interactive and visually appealing platforms to showcase your data. These dashboards are versatile, catering to a wide variety of problems and needs. If you’re interested in learning more, check out our <a href="https://appsilon.com/tag/shiny-dashboards/" target="_blank" rel="noopener noreferrer">shiny-related blogs</a>; and if you’re looking to find out <a href="https://appsilon.com/alternatives-to-scaling-shiny/" target="_blank" rel="noopener noreferrer">how to scale shiny</a> in your project reach out to us [<a href="https://appsilon.com/" target="_blank" rel="noopener noreferrer">Appsilon</a>]. We’d love to hear from you. <h3>We Need Your Help!</h3> At Appsilon our Tech Team Members regularly contribute to open-source packages as part of our commitment to positively impacting the world through technology. If you’re a fan of our work, consider dropping a star on your favorite <a href="https://shiny.tools/" target="_blank" rel="noopener noreferrer">shiny packages</a> on our <a href="https://github.com/Appsilon" target="_blank" rel="noopener noreferrer">Github</a>. It helps let us know we’re on the right track. And if you have any comments or questions swing by our feedback threads like the ongoing <a href="https://github.com/Appsilon/shiny.fluent/discussions/24" target="_blank" rel="noopener noreferrer">discussion</a> at our new <a href="https://github.com/Appsilon/shiny.fluent" target="_blank" rel="noopener noreferrer">shiny.fluent package</a>, we love to hear from the community. <h3>Appsilon is Hiring</h3> Interested in working with leading experts in Shiny and contributing to groundbreaking projects in open source and #Data4Good? Consider joining our team. Appsilon is a remote-first company that strives for <a href="https://appsilon.com/bridging-the-gender-diveristy-gap/" target="_blank" rel="noopener noreferrer">inclusivity in the workplace</a>; our team members work remotely (now in 7+ countries). We never hire nor reject any applicant as a result of their gender. <a href="https://appsilon.com/careers/" target="_blank" rel="noopener noreferrer"><img class="aligncenter size-full wp-image-7024" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b020493e47f6a35730bb22_Be-a-part-of-our-team.webp" alt="Be a part of our team" width="1200" height="628" /></a> <p style="text-align: center;"><b>Appsilon is hiring for remote roles! See our </b><a href="https://appsilon.com/careers/" target="_blank" rel="noopener noreferrer"><b>Careers</b></a><b> page for all open positions, including</b><b> </b><a href="https://appsilon.com/careers/job-offer/?job=r-shiny-developer" target="_blank" rel="noopener noreferrer"><b>R Shiny Developers</b></a>.<b> Join Appsilon and work on groundbreaking projects with the world’s most influential Fortune 500 companies.</b></p>