FIFA Shiny App Wins Popular Vote in Appsilon's Shiny Contest

Reading time:

time

min

November 18, 2020

<a class="editor-rtfLink" href="https://wordpress.appsilon.com/shiny/" target="_blank" rel="noopener noreferrer">Appsilon</a> recently ran an <a class="editor-rtfLink" href="https://wordpress.appsilon.com/shiny-semantic-pocontest-2020/" target="_blank" rel="noopener noreferrer">internal Shiny contest</a> to see which team member could make the best <code>shiny.semantic</code> PoC in under 24 hours. We asked the R Community to vote for the People's Choice Award, and today we have a winner to announce! <blockquote>Appsilon is hiring hiring globally. We are a remote-first company. <a href="https://appsilon.com/appsilon-is-hiring-2020/">Check out 9 currently open positions</a>. Want to work with our partner RStudio? They are currently hiring a <a href="https://rstudio.com/about/job-posting/?gh_jid=4220492003" target="_blank" rel="noopener noreferrer">Data Science Evangelist</a>.</blockquote> Before we announce the winner, we would like to take a minute and thank everyone who voted for their favorite shiny.semantic dashboard. It's you who made it possible to award this prize. And now, let's take a look at how the voting turned out. <img class="aligncenter wp-image-5980 size-full" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b021a6af7b468219c82645_Screenshot-2020-11-18-at-15.54.41.webp" alt="PoContest results" width="949" height="573" /> A breakdown of all the votes for our six Shiny App entries. <blockquote>See the other winners of our internal Shiny Contest as determined by our partner RStudio: <a class="editor-rtfLink" href="https://wordpress.appsilon.com/semantic-pocontest-2020-winners/" target="_blank" rel="noopener noreferrer">RStudio Announces Winners of Appsilon's Internal Shiny Contest</a></blockquote> <h2>People's Choice Award Winner: <a href="https://demo.appsilon.ai/apps/fifa19/_w_5b7734d4/#!/">FIFA '19</a></h2> Huge congratulations to our <a href="http://shiny.tools">open-source</a> leader <a class="editor-rtfLink" href="https://wordpress.appsilon.com/author/dominik/" target="_blank" rel="noopener noreferrer">Dominik</a> for building this application! The app won 34.7% of your votes, 9% more than the runner-up. Perhaps there are some football fans in the R Community! RStudio was impressed by this app as well and named it the runner-up for the "Most Technically Impressive" award. Read more about the winners they chose on the <a href="https://blog.rstudio.com/2020/11/10/the-appsilon-shiny-semantic-pocontest/" target="_blank" rel="noopener noreferrer">RStudio blog</a>. <img class="aligncenter size-full wp-image-5885" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b021a60aa7e7983a4ffec1_Screen-Shot-2020-11-04-at-1.14.10-PM.webp" alt="FIFA 19 Dashboard" width="2980" height="1518" /> The FIFA '19 application was created to demonstrate powerful <code>shiny.semantic</code> features for generating interactive data visualization. This dashboard used <a class="editor-rtfLink" href="https://sofifa.com/" target="_blank" rel="noopener noreferrer">SoFifa</a> data and was inspired by a fantastic <a class="editor-rtfLink" href="https://ekrem-bayar.shinyapps.io/FifaDash/" target="_blank" rel="noopener noreferrer">Fifa Shiny Dashboard</a>. You can test the application <a class="editor-rtfLink" href="https://demo.appsilon.ai/apps/fifa19/_w_5b7734d4/#!/" target="_blank" rel="noopener noreferrer">here</a>. <h2>People's Choice Runner-Up: <a href="https://demo.appsilon.ai/apps/semantic_memory/" target="_blank" rel="noopener noreferrer">Semantic Memory</a></h2> Semantic Memory is a memory game created from scratch by Appsilon engineer <a href="https://appsilon.com/author/kuba/" target="_blank" rel="noopener noreferrer">Jakub Nowicki</a> using <code>shiny.semantic</code> (with some adjustments). Two players try to find as many pairs of R package hexes (coming from both Appsilon and RStudio) as they can. You might notice the reference to our new <a href="https://appsilon.com/shiny-worker-package/" target="_blank" rel="noopener noreferrer">shiny.worker</a> package in this screenshot. The app won an impressive 26.5% of the overall vote. <img class="aligncenter size-full wp-image-5865" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b021a8fd01060a37e0832a_Screenshot-2020-11-03-at-10.20.45.webp" alt="Semantic memory" width="1523" height="879" /> Semantic Memory is based on various <code>shiny.semantic</code> components and uses features that come with the FomanticUI library, such as the mechanism responsible for revealing and hiding cards. You can test the application <a class="editor-rtfLink" href="https://demo.appsilon.ai/apps/semantic_memory/" target="_blank" rel="noopener noreferrer">here</a>. <blockquote>Like shiny.semantic? Please give us a star on <a class="editor-rtfLink" href="https://github.com/Appsilon/shiny.semantic" target="_blank" rel="noopener noreferrer">GitHub</a>.</blockquote> <h2>Third Place: <a href="https://demo.appsilon.ai/apps/polluter/" target="_blank" rel="noopener noreferrer">Polluter Alert</a></h2> Polluter Alert is a dashboard created by Appsilon co-founder <a href="https://appsilon.com/author/pawel/" target="_blank" rel="noopener noreferrer">Paweł</a> Przytuła that allows the user to report sources of air pollution in the user's area. The app won 20.4% of your votes and was named "<a href="https://blog.rstudio.com/2020/11/10/the-appsilon-shiny-semantic-pocontest/" target="_blank" rel="noopener noreferrer">Most Technically Impressive</a>" by RStudio. <img class="aligncenter size-full wp-image-5868" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b021a9e8fe2e8669afceaf_Screenshot-2020-11-03-at-10.18.07.webp" alt="Polluter Alert" width="1468" height="792" /> This dashboard's goal is to build a reliable dataset used for actionable insights – sometimes, the primary pollution source is a single chimney. Sometimes it is a district problem (lack of modern heating infrastructure), etc. You can test the application <a class="editor-rtfLink" href="https://demo.appsilon.ai/apps/polluter/" target="_blank" rel="noopener noreferrer">here</a>. <h2>Fourth Place: <a href="https://demo.appsilon.ai/apps/mosaic/_w_964780ff/#!/" target="_blank" rel="noopener noreferrer">Shiny Mosaic</a></h2> The purpose of this application by <a href="https://appsilon.com/author/krystian/" target="_blank" rel="noopener noreferrer">Krystian Igras</a> is to enable the user to create a mosaic of a photo they upload. The app won 12.2% of your votes. <img class="aligncenter size-full wp-image-5864" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b021ab847019498046af45_Screenshot-2020-11-03-at-10.08.49.webp" alt="Shiny Mosaic" width="625" height="450" /> The application, built in the form of a wizard, allows users to configure the target mosaic form easily. You can test the application <a class="editor-rtfLink" href="https://demo.appsilon.ai/apps/mosaic/_w_964780ff/#!/" target="_blank" rel="noopener noreferrer">here</a>. <h2>Fifth Place: <a href="https://demo.appsilon.ai/apps/pixelator/" target="_blank" rel="noopener noreferrer">Semantic Pixelator</a></h2> Semantic Pixelator (created by <a href="https://appsilon.com/author/pedro/" target="_blank" rel="noopener noreferrer">Pedro Silva</a>) is a fun way to explore semantic elements by creating different image compositions using loaders, icons, and other UI elements from semantic/fomantic UI. The app only won 4.1% of your votes in the popularity contest, but RStudio named it "<a href="https://blog.rstudio.com/2020/11/10/the-appsilon-shiny-semantic-pocontest/" target="_blank" rel="noopener noreferrer">Most Creatively Impressive</a>." <img class="aligncenter size-full wp-image-5869" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b021aba89a044c4d36bc0a_Screenshot-2020-11-03-at-10.19.25.webp" alt="Semantic Pixelator" width="1585" height="960" /> You can use the sidebar to refine different parameters such as the generated grid's size, the base element type, and other color options. You can then use the palette generator to create a color palette based on the result and download both the current palette details and the developed composition. You can test the application <a class="editor-rtfLink" href="https://demo.appsilon.ai/apps/pixelator/" target="_blank" rel="noopener noreferrer">here</a>. <h2>Sixth Place: <a href="https://demo.appsilon.ai/apps/squaremantic/" target="_blank" rel="noopener noreferrer">Squaremantic</a></h2> With this app by Appsilon team member Jakub Chojna, you can quickly generate a nicely formatted square layout of letters based on the text input. The app received 2% of the overall votes, but it's first place in our hearts! With this app, Jakub impressed us with his design background. <img class="aligncenter size-full wp-image-5866" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b021ad50b6cc5df6a3523c_Screenshot-2020-11-03-at-10.12.49.webp" alt="Squaremantic" width="1091" height="1096" /> The app uses <code>shiny.semantic</code> layouts and input elements, by which you can control visual output like in a simple graphic program. You can test the application <a class="editor-rtfLink" href="https://demo.appsilon.ai/apps/squaremantic/" target="_blank" rel="noopener noreferrer">here</a>. <h2>Conclusion</h2> That's a wrap for the 2020 shiny.semantic PoContest! We want to thank you again for taking the time to vote for your favorite dashboard. It means a lot to us and the community engagement in this contest was a huge confidence boost for our team. <blockquote>Want to see more high-quality Shiny Dashboard examples? Visit <a class="editor-rtfLink" href="http://demo.appsilon.ai/" target="_blank" rel="noopener noreferrer">Appsilon's Shiny Demo Gallery</a>.</blockquote> Do you like <code>shiny.semantic</code>? Show your support by giving us a star on <a class="editor-rtfLink" href="https://github.com/Appsilon/shiny.semantic" target="_blank" rel="noopener noreferrer">GitHub</a>. You can explore other Appsilon open source packages on our new <a class="editor-rtfLink" href="http://shiny.tools/" target="_blank" rel="noopener noreferrer">Shiny Tools</a> landing page. <a href="https://appsilon.com/careers/"><img class="aligncenter size-large wp-image-5940" src="https://wordpress.appsilon.com/wp-content/uploads/2020/11/appsilon.hiring0-1024x576.jpg" alt="" width="1024" height="576" /></a> Appsilon is hiring! We are primarily seeking senior-level developers with management experience. See our <a class="editor-rtfLink" href="https://wordpress.appsilon.com/careers/" target="_blank" rel="noopener noreferrer">Careers</a> page for all new openings, including openings for a <a class="editor-rtfLink" href="https://wordpress.appsilon.com/careers/#project-manager" target="_blank" rel="noopener noreferrer">Project Manager</a> and <a class="editor-rtfLink" href="https://wordpress.appsilon.com/careers/#community-manager" target="_blank" rel="noopener noreferrer">Community Manager</a>.