Designing our high-level application structure

That's enough theory, let's get to action building our own application. The application we will build will make use of the previous chapter, so if you haven't read that one, please do. The dashboard we will build will make more sense if you do. This dashboard will show graphs with the price data points from the previous chapter's data simulation, as well as the SMA calculations we developed. Furthermore, it will allow us to explore the price data using a dynamic table.. By dynamic, we mean that responds to user input.

Setting up a two-column distribution

The layout you choose to use for your application depends on its objectives. In this case, a two-column layout will suffice. To accomplish this, we use the fluidPage() function and assign it to the ui object. This function adjusts content according to the web browser's dimensions:

Inside the fluidPage(), we use the titlePanel() function to provide a title for our application and the sidebarLayout...