Merge pull request #17 from buuck/show_timeseries_plot

app.py

@@ -1,5 +1,6 @@
 import os
 import gradio as gr
+import plotly.express as px
 
 from utils import duckdb_queries as dq
 from utils.gradio import get_window_url_params
@@ -17,10 +18,15 @@ def toggle_metric_definition_box(text_input):
         return indexgenerator.get_metric_file()
     else:
         return None
-    
+
+def make_timeseries_plot(df):
+    return px.line(df, x='Year', y='Score (Area * Value)', markers=True)
+
 with gr.Blocks() as demo:
     with gr.Column():
-        m1 = gr.Plot()
+        with gr.Row():
+            m1 = gr.Plot(label='Project Map')
+            ts_plot = gr.Plot(label='Metric scores over time')
         with gr.Row():
             project_name = gr.Dropdown([], label="Project", value="Select project")
             metric = gr.Dropdown(metric_names, label='Metric', value='Select metric')
@@ -42,6 +48,10 @@ with gr.Blocks() as demo:
         indexgenerator.calculate_score,
         inputs=[start_year, end_year],
         outputs=results_df,
+    ).then(
+        make_timeseries_plot,
+        inputs=results_df,
+        outputs=ts_plot
     )
     view_btn.click(
         fn=indexgenerator.show_project_map,
@@ -67,6 +77,7 @@ with gr.Blocks() as demo:
         indexgenerator.set_metric,
         inputs=metric
     )
+
     # Toggle display of metric information
     metric_btn.click(
         toggle_metric_definition_box,