Update app.py

app.py

@@ -109,9 +109,52 @@ def create_bar_chart(df, category):
     st.plotly_chart(fig, use_container_width=True, height=len(df) * 35)
 
 
+import plotly.graph_objs as go
+import streamlit as st
+
+def create_combined_chart(df, category):
+    """Create and display a combined bar and line chart for a given category."""
+    st.write(f"### {category} Scores")
+
+    # Sort the DataFrame based on the category score
+    sorted_df = df[['Model', category]].sort_values(by=category, ascending=True)
+
+    # Create a figure
+    fig = go.Figure()
+
+    # Add bar graph to the figure
+    fig.add_trace(
+        go.Bar(
+            x=sorted_df['Model'],
+            y=sorted_df[category],
+            name='Bar Chart',
+            marker=dict(color=sorted_df[category], colorscale='Spectral')  # You can change the color
+        )
+    )
+    # Add line graph to the figure
+    fig.add_trace(
+        go.Scatter(
+            x=sorted_df['Model'],
+            y=sorted_df[category],
+            mode='lines',
+            name='Line Chart',
+            line=dict(color='red')  # You can change the line color
+        )
+    )
+
+    # Update layout if needed
+    fig.update_layout(
+        title=f"{category} Scores",
+        xaxis_title="Model",
+        yaxis_title=f"{category} Value",
+        margin=dict(l=20, r=20, t=20, b=20)
+    )
+
+        # Display the figure in Streamlit
+    st.plotly_chart(fig, use_container_width=True, height=len(df) * 35)
+
 
 
-    
 # Main function to run the Streamlit app
 def main():
     # Set page configuration and title
@@ -201,7 +244,7 @@ def main():
                     )
 
                 # Full-width plot for the first category
-                create_bar_chart(df, score_columns[0])
+                create_combined_chart(df, score_columns[0])
 
                 # Next two plots in two columns
                 col1, col2 = st.columns(2)