sidebar

app.py

@@ -9,6 +9,8 @@ from matplotlib.collections import LineCollection
 from matplotlib import cm
 import numpy as np
 from pathlib import Path
+import shiny.experimental as x
+import shinyswatch
 
 # Create a Path object for the folder
 cache_path = os.getcwd() + "/cache"
@@ -18,16 +20,22 @@ ff1.Cache.offline_mode(enabled=True)
 
 print(f"Cache path: {cache_path}")
 
-app_ui = ui.page_fluid(
-    ui.div(
-        ui.input_select(
-            "track", label="Track",
+app_ui = x.ui.page_fillable(
+    shinyswatch.theme.minty(),
+    x.ui.layout_sidebar(
+        x.ui.sidebar(
+            ui.input_select(
+            "track", label="Select track:",
             choices=["Austria", "Hungary", "Spain", "Bahrain"],
-            selected = "Austria"
+            selected = "Austria"),
         ),
-        class_="d-flex gap-3"
+        ui.h3("Gear usage in fastest lap"),
+        x.ui.output_plot("gear", fill = True),
+        ui.output_text("fastest_driver"),
+        
+        fill=True,
+        fillable=True,
     ),
-    ui.output_plot("gear")
 )
 
 def server(input, output, session):
@@ -38,6 +46,7 @@ def server(input, output, session):
 
         lap = f1_session.laps.pick_fastest()
         tel = lap.get_telemetry()
+        driver = lap['Driver']
 
         #converting data to numpy data tables
         x = np.array(tel['X'].values)
@@ -46,12 +55,12 @@ def server(input, output, session):
         points = np.array([x, y]).T.reshape(-1, 1, 2)
         segments = np.concatenate([points[:-1], points[1:]], axis=1)
         gear = tel['nGear'].to_numpy().astype(float)
-        return segments, gear
+        return segments, gear, driver
 
     @output
     @render.plot
     def gear():
-        segments, gear = get_data()
+        segments, gear, driver = get_data()
         
         cmap = cm.get_cmap('Paired')
         lc_comp = LineCollection(segments, norm=plt.Normalize(1, cmap.N+1), cmap=cmap)
@@ -73,5 +82,13 @@ def server(input, output, session):
             
         plt
 
+    @output
+    @render.text
+    def fastest_driver():
+        segments, gear, driver = get_data()
+
+        print(driver)
+        return f"The driver of the fastest lap is: {driver}"
+
 
 app = App(app_ui, server)

requirements.txt

@@ -38,3 +38,4 @@ websockets==11.0.2
 XStatic-bootswatch==3.3.7.0
 fastf1==3.0.7
 shinywidgets==0.2.1
+shinyswatch=0.2.4