These will be addressed in an update of this readme text). The in app Narrative includes details on the communication process between R and Vue (unfortunately due to a lack of time before the shiny contest deadline, this in app Narrative lacks some important details and explanations. Please see the in app Narrative (see screenshots below) for more details on the app creation process until this readme is completed (end May 2021). VueR allows you to use Vue inside more classic shiny contexts using tag functions, while the app described in this work is based on the Shiny HTMLTemplate approach, which utilizes HTML, CSS and JavaScript directly instead of letting R produce it. Of note, this work is related to the vueR work by timelyportfolio (a.k.a. In these updates we will also show how to hook up HTMLWidgets and Plotly outputs. The current app is designed for HD screens with a resolution of 1920 x 1080 and will not render well on iPads or other heavily deviating screen sizes. The current text is just a very rough draft that is not complete or fully accurate with the current implementation. For each date, the storyline provides an overview of the most important developments during that day.Īn extensive writeup of the details of this implementation will appear in this readme before the end of May 2021. In addition, the app allows you to inspect the current covid situation all over the world, via an interactive globe component, coupled with a timeline and an interactive storyline component. You can see movie posters, read movie summaries and get detailed information on its cast. As almost all social events are cancelled, watching movies at home is a helpful way of dealing with the pandemic and reducing stress.Īs a companion app for the movie-explorer app in the official Shiny example's gallery, we present a Shiny / Vue.js hybrid based movie explorer application in which you can search for information on tens of thousands of movies. In early 2020 a movie scenario of a potentially deadly and highly infectious disease, quickly spreading all over the world, has become a reality. An update of this work will show the same for HTMLWidgets and Plotly outputs.Īs a deep analysis of data is not the goal of this project, the storyline for this app is taken to be semi-serious. We show that all reactive components of shiny are still fully functional and even that outputs such as those generated by ggplot can still be used inside vue components. For the visual design of our components we use Vuetify, a Material Design implementation especially for Vue.js, as well as d3.js. In this setup, only the server.R part of Shiny is used, while the ui part is completely taken over by Vue. Instead of exploring and analyzing data, we explore the idea of creating a Shiny application using Vue.js, a modern reactive front-end framework that allows you to compose extremely powerful apps using Single File Components. In this work we take different perspective in creating a Shiny app than seen in most Shiny apps. The app also includes a Narrative page describing many important technical details. A live version of the app can be seen here and the submission details can be found here. This repo contains the code for the Shiny app contest 2021 submission by Herman Sontrop and Kenton Russell.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |