Update app.R

app.R

@@ -4,11 +4,11 @@ library(shinydashboard)
 library(dplyr)
 library(readr)
 library(sf)
-#library(cartogram)   # optional if you decide to do cartograms later
-library(ggplot2)
 library(rnaturalearth)
 library(rnaturalearthdata)
 library(countrycode)
+library(ggplot2)
+library(ggiraph)       # <-- for interactive tooltips
 
 # =============================
 #            UI
@@ -55,7 +55,7 @@ ui <- dashboardPage(
         .sidebar-menu, .sidebar-menu li a, .sidebar-menu .fa {
           font-family: 'OCR A Extended', monospace !important;
         }
-        
+
         /* Header gradient background */
         .main-header .navbar {
           background: linear-gradient(to right, #3b6978, #204051) !important;
@@ -82,19 +82,19 @@ ui <- dashboardPage(
           border-left-color: #78cdd7 !important;
           color: #ffffff !important;
         }
-        
+
         /* Sidebar menu item icons */
         .sidebar-menu .fa {
           color: #78cdd7 !important;
         }
-        
+
         /* Sidebar menu item text */
         .sidebar-menu > li > a {
           color: #b8c7ce !important;
           font-size: 15px;
           font-weight: 500;
         }
-        
+
         /* Customize the boxes */
         .box {
           border-top: none !important;
@@ -127,8 +127,10 @@ ui <- dashboardPage(
             width = 12,
             title = strong("Global Leadership Project (GLP)"),
             solidHeader = TRUE,
-            div(style = "height: 80vh; padding: 10px;",
-                plotOutput("cartogramPlot", height = "100%")
+            # Instead of plotOutput, we use girafeOutput for interactive tooltips
+            div(
+              style = "height: 80vh; padding: 10px;",
+              girafeOutput("cartogramPlot", width = "100%", height = "100%")
             )
           )
         )
@@ -159,24 +161,43 @@ server <- function(input, output, session) {
   cartogram_sf <- reactive({
     merged_sf <- world_sf() %>%
       left_join(rankings_data(), by = "iso_a3")
-    # Filter out NA values in 'Overall' to avoid missing countries
+    # Filter out NA values in 'Overall' (or whichever main column) to avoid missing countries
     merged_sf <- merged_sf[!is.na(merged_sf$Overall),]
-    return(merged_sf) 
+    return(merged_sf)
   })
   
-  # ---- Plot output ----
-  output$cartogramPlot <- renderPlot({
+  # ---- Plot output (using ggiraph for tooltips) ----
+  output$cartogramPlot <- renderGirafe({
     req(input$indexChoice)
     
-    index_col <- input$indexChoice
     plot_data <- cartogram_sf()
+    index_col <- input$indexChoice
     
-    ggplot(plot_data) +
-      geom_sf(aes_string(fill = index_col), color = "grey20", size = 0.1) +
+    # Build a tooltip string showing some key columns for each country.
+    # Modify this as desired to include more (or fewer) details.
+    plot_data$tooltip_text <- paste0(
+      "<b>Country:</b> ", plot_data$Country, "<br/>",
+      "<b>Overall:</b> ", ifelse(!is.na(plot_data$Overall), plot_data$Overall, "N/A"), "<br/>",
+      "<b>Representation Gap:</b> ", ifelse(!is.na(plot_data$RepresentationGap), plot_data$RepresentationGap, "N/A"), "<br/>",
+      "<b>Ethnicity:</b> ", ifelse(!is.na(plot_data$Ethnicity), plot_data$Ethnicity, "N/A"), "<br/>",
+      "<b>Gender:</b> ", ifelse(!is.na(plot_data$Gender), plot_data$Gender, "N/A"), "<br/>",
+      "<b>Religion:</b> ", ifelse(!is.na(plot_data$Religion), plot_data$Religion, "N/A"), "<br/>",
+      "<b>Language:</b> ", ifelse(!is.na(plot_data$Language), plot_data$Language, "N/A")
+    )
+    
+    # Create a ggplot with geom_sf_interactive so we can assign tooltips
+    p <- ggplot(plot_data) +
+      geom_sf_interactive(
+        aes_string(
+          fill = index_col,
+          tooltip = "tooltip_text",
+          data_id = "iso_a3"    # required for hover/click tracking
+        ),
+        color = "grey20",
+        size = 0.1
+      ) +
       scale_fill_viridis_c(option = "D", na.value = "white") +
       coord_sf(expand = FALSE) +
-      # Force OCR A Extended font in the plot
-      #theme_void(base_size = 14, base_family = "OCR A Extended") +
       theme_void(base_size = 14, base_family = "Courier New") +
       labs(
         fill = paste(index_col, "Index"),
@@ -192,6 +213,17 @@ server <- function(input, output, session) {
         legend.direction = "horizontal",
         legend.key.width = unit(2, "cm")
       )
+    
+    # Wrap the ggplot in a girafe object
+    girafe(
+      ggobj = p,
+      width_svg  = 10,
+      height_svg = 6,
+      options = list(
+        # You can style the tooltip background here
+        opts_tooltip(css = "background-color: white; font-family: 'OCR A Extended', monospace;")
+      )
+    )
   })
 }
 
@@ -199,4 +231,3 @@ server <- function(input, output, session) {
 #   Launch the Shiny App
 # =============================
 shinyApp(ui = ui, server = server)
-