index.html

Let's look at each chunk of index.html in turn, as shown in the following code:

<html> 
  <head> 
    <title>HTML minimal example</title> 
    <script src="shared/jquery.js"      type="text/javascript"></script> 
    <script src="shared/shiny.js" type="text/javascript"></script> 
    <link rel="stylesheet" type="text/css"      href="shared/shiny.css"/> 
    <style type = "text/css"> 
      body { 
        background-color: #ecf1ef; 
      } 
 
      #navigation { 
        position: absolute; 
        width: 300px; 
      } 
 
      #centerdoc { 
        max-width: 600px; 
        margin-left: 350px; 
        border-left: 1px solid #c6ec8c; 
        padding-left: 20px; 
      } 
    </style> 
  </head> 

The <head> section contains some important setup code for Shiny, loading the JavaScript and jQuery scripts, which make it work, as well as a style sheet for Shiny. You will need ...

Get Web Application Development with R Using Shiny - Third Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.