Search

RC Learning Portal

RC Learning Portal

Home
Short Courses
Tutorials
People
Contact

Introduction to Shiny

Computer Setup
Workshop Files
Creating a New Shiny App
What Is a Shiny App?
A Metaphor
Project 0: Our First App
Building a User Interface
Frameworks and Layouts
Widgets
Project: Reactivity
Reactives: An Example
3 Types of KB Passengers
Project 2: Reactives
reactlogShow()
Modularizing Reactions
Reactivity Diagram
Reactives vs. Observers
Project: Creating a DataFrame
Step 1: Reorganize the Code
Step 2: Tabify the app
Step 3: `response` and `explanatory`
Step 4: Display the data

Method 2: Shiny Themes
Common Shiny Question
Preview Your App
Four Approaches to Styling Shiny
Method 1: Accepting the Shiny Defaults
Built with Bootstrap
shinythemes
Bootswatch
Using Non-shinythemes Themes
Method 3: Shiny Dashboards
flexdashboard vs shinydashboard
Components of a Dashboard
Boxes
Sidebar and Menu Items
Skin/Color
UVA Branding
Sass
bslib
Start with Regular Shiny Code
Theming Plots

Building a User Interface

There are 3 steps to building a UI:

Instantiating input and output widgets
Frameworks and layouts
Organizing widgets within the framework

Previous

Project 0: Our First App

Next

Frameworks and Layouts

Last updated on May 1, 2023

© 2025 The Rector and Visitors of the University of Virginia

Cite