Update app.R

app.R

@@ -1,58 +1,81 @@
 library(shiny)
 library(bslib)
-library(dplyr)
-library(ggplot2)
-
-df <- readr::read_csv("penguins.csv")
-# Find subset of columns that are suitable for scatter plot
-df_num <- df |> select(where(is.numeric), -Year)
-
-ui <- page_sidebar(
-  theme = bs_theme(bootswatch = "minty"),
-  title = "Penguins explorer",
-  sidebar = sidebar(
-    varSelectInput("xvar", "X variable", df_num, selected = "Bill Length (mm)"),
-    varSelectInput("yvar", "Y variable", df_num, selected = "Bill Depth (mm)"),
-    checkboxGroupInput("species", "Filter by species",
-      choices = unique(df$Species), selected = unique(df$Species)
+
+ui <- page_fluid(
+  theme = bs_theme(
+    bg        = "#ffffff",
+    fg        = "#002147",
+    primary   = "#002147",
+    base_font = font_google("Inter")
+  ),
+
+  # ── Header ──────────────────────────────────────────────────────────────────
+  div(
+    style = "background-color:#002147; padding:14px 24px;
+             display:flex; align-items:center; justify-content:space-between;
+             margin-bottom:20px;",
+    div(
+      tags$h1("CAPS", style="color:white; margin:0; font-size:26px; font-weight:700;"),
+      tags$p("Cape Cod Baseball League Analytics",
+             style="color:#aabbcc; margin:0; font-size:13px;")
+    ),
+    tags$img(
+      src   = "https://upload.wikimedia.org/wikipedia/en/thumb/5/5f/Cape_Cod_Baseball_League_logo.svg/200px-Cape_Cod_Baseball_League_logo.svg.png",
+      height = "52px"
+    )
+  ),
+
+  # ── Filters ─────────────────────────────────────────────────────────────────
+  div(
+    style = "display:flex; gap:24px; align-items:flex-end;
+             padding:0 8px 20px 8px; flex-wrap:wrap;",
+
+    div(
+      style = "min-width:160px;",
+      tags$label("Level", style="font-weight:600; font-size:12px;
+                                 text-transform:uppercase; letter-spacing:0.4px;
+                                 color:#555; display:block; margin-bottom:4px;"),
+      selectInput("level", label=NULL,
+                  choices  = c("All","D1","D2","D3","JUCO","Other"),
+                  selected = "All",
+                  width    = "100%")
     ),
-    hr(), # Add a horizontal rule
-    checkboxInput("by_species", "Show species", TRUE),
-    checkboxInput("show_margins", "Show marginal plots", TRUE),
-    checkboxInput("smooth", "Add smoother"),
+
+    div(
+      style = "min-width:160px;",
+      tags$label("Position", style="font-weight:600; font-size:12px;
+                                    text-transform:uppercase; letter-spacing:0.4px;
+                                    color:#555; display:block; margin-bottom:4px;"),
+      selectInput("position", label=NULL,
+                  choices  = c("Pitcher","Hitter"),
+                  selected = "Pitcher",
+                  width    = "100%")
+    ),
+
+    div(
+      style = "min-width:160px;",
+      tags$label("Min Pitches", style="font-weight:600; font-size:12px;
+                                       text-transform:uppercase; letter-spacing:0.4px;
+                                       color:#555; display:block; margin-bottom:4px;"),
+      numericInput("min_pitches", label=NULL,
+                   value=100, min=1, max=1000, step=25,
+                   width="100%")
+    )
   ),
-  plotOutput("scatter")
+
+  # ── Main content placeholder ─────────────────────────────────────────────────
+  div(
+    id    = "main_content",
+    style = "padding:0 8px;",
+    uiOutput("main_ui")
+  )
 )
 
 server <- function(input, output, session) {
-  subsetted <- reactive({
-    req(input$species)
-    df |> filter(Species %in% input$species)
+  output$main_ui <- renderUI({
+    div(style="color:#888; font-size:14px; padding:20px;",
+        "Content will load here.")
   })
-
-  output$scatter <- renderPlot(
-    {
-      p <- ggplot(subsetted(), aes(!!input$xvar, !!input$yvar)) +
-        theme_light() +
-        list(
-          theme(legend.position = "bottom"),
-          if (input$by_species) aes(color = Species),
-          geom_point(),
-          if (input$smooth) geom_smooth()
-        )
-
-      if (input$show_margins) {
-        margin_type <- if (input$by_species) "density" else "histogram"
-        p <- p |> ggExtra::ggMarginal(
-          type = margin_type, margins = "both",
-          size = 8, groupColour = input$by_species, groupFill = input$by_species
-        )
-      }
-
-      p
-    },
-    res = 100
-  )
 }
 
 shinyApp(ui, server)