Upload app.py

add more charts

app.py

@@ -5,7 +5,7 @@ import plotly.io as pio
 
 pio.templates.default = "plotly_white"
 
-def plot_spyder(scores: dict, title: str = "Group 1 Chart", range_max: float | None = None) -> go.Figure:
+def plot_spyder(scores: dict, title: str = "Group Chart", range_max: float | None = None) -> go.Figure:
     if not scores:
         raise ValueError("scores dict is empty")
 
@@ -21,7 +21,7 @@ def plot_spyder(scores: dict, title: str = "Group 1 Chart", range_max: float | N
             theta=labels_loop,
             fill="toself",
             name=title,
-            line=dict(width=3)
+            line=dict(width=3),
         )
     )
 
@@ -30,59 +30,89 @@ def plot_spyder(scores: dict, title: str = "Group 1 Chart", range_max: float | N
         polar=dict(
             radialaxis=dict(
                 visible=True,
-                range=[0, range_max if range_max is not None else max(values)]
+                range=[0, range_max if range_max is not None else max(values)],
             )
         ),
-        showlegend=False
+        showlegend=False,
     )
 
     return fig
 
 def build_scores(df: pd.DataFrame) -> dict:
-    # Expect columns: label, value
     df = df.dropna(subset=["label", "value"])
     df["label"] = df["label"].astype(str).str.strip()
     df = df[df["label"] != ""]
     return dict(zip(df["label"], df["value"].astype(float)))
 
-def make_chart(df: pd.DataFrame, title: str, range_max: float) -> go.Figure:
-    scores = build_scores(df)
+def make_charts(df1, t1, df2, t2, df3, t3, df4, t4, range_max):
     rm = None if range_max <= 0 else range_max
-    return plot_spyder(scores, title=title, range_max=rm)
+    return (
+        plot_spyder(build_scores(df1), t1, rm),
+        plot_spyder(build_scores(df2), t2, rm),
+        plot_spyder(build_scores(df3), t3, rm),
+        plot_spyder(build_scores(df4), t4, rm),
+    )
 
 default_df = pd.DataFrame(
     {
         "label": [
             "Affordability", "Control", "Difficulty", "Energy Efficiency Gains",
-            "Partnership Effort", "Risk Reduction", "Scale", "Adverse Outcome"
+            "Partnership Effort", "Risk Reduction", "Scale", "Adverse Outcome",
         ],
-        "value": [9, 2, 8, 3, 6, 6, 5, 4]
+        "value": [9, 2, 8, 3, 6, 6, 5, 4],
     }
 )
 
 with gr.Blocks() as demo:
-    gr.Markdown("## Radar (Spider) Chart Builder")
+    gr.Markdown("## Radar (Spider) Chart Builder — 4 Charts")
+
+    range_input = gr.Number(value=10, label="Shared Range Max (0 = auto)")
+
     with gr.Row():
-        data_input = gr.Dataframe(
-            value=default_df,
-            headers=["label", "value"],
-            datatype=["str", "number"],
-            row_count=(8, "dynamic"),
-            column_count=(2, "fixed"),
-            interactive=True,
-            label="Metrics (label, value)"
-        )
         with gr.Column():
-            title_input = gr.Textbox(value="Group 1 Chart", label="Chart Title")
-            range_input = gr.Number(value=10, label="Range Max (0 = auto)")
-            plot_button = gr.Button("Plot")
+            df1 = gr.Dataframe(
+                value=default_df, headers=["label", "value"],
+                datatype=["str", "number"], row_count=(8, "dynamic"),
+                column_count=(2, "fixed"), interactive=True, label="Chart 1 Data"
+            )
+            t1 = gr.Textbox(value="Group 1 Chart", label="Chart 1 Title")
+        with gr.Column():
+            df2 = gr.Dataframe(
+                value=default_df, headers=["label", "value"],
+                datatype=["str", "number"], row_count=(8, "dynamic"),
+                column_count=(2, "fixed"), interactive=True, label="Chart 2 Data"
+            )
+            t2 = gr.Textbox(value="Group 2 Chart", label="Chart 2 Title")
+
+    with gr.Row():
+        with gr.Column():
+            df3 = gr.Dataframe(
+                value=default_df, headers=["label", "value"],
+                datatype=["str", "number"], row_count=(8, "dynamic"),
+                column_count=(2, "fixed"), interactive=True, label="Chart 3 Data"
+            )
+            t3 = gr.Textbox(value="Group 3 Chart", label="Chart 3 Title")
+        with gr.Column():
+            df4 = gr.Dataframe(
+                value=default_df, headers=["label", "value"],
+                datatype=["str", "number"], row_count=(8, "dynamic"),
+                column_count=(2, "fixed"), interactive=True, label="Chart 4 Data"
+            )
+            t4 = gr.Textbox(value="Group 4 Chart", label="Chart 4 Title")
+
+    plot_button = gr.Button("Plot All")
 
-    plot_output = gr.Plot(label="Radar Chart")
+    with gr.Row():
+        out1 = gr.Plot(label="Chart 1")
+        out2 = gr.Plot(label="Chart 2")
+    with gr.Row():
+        out3 = gr.Plot(label="Chart 3")
+        out4 = gr.Plot(label="Chart 4")
 
     plot_button.click(
-        fn=make_chart,
-        inputs=[data_input, title_input, range_input],
-        outputs=[plot_output]
+        fn=make_charts,
+        inputs=[df1, t1, df2, t2, df3, t3, df4, t4, range_input],
+        outputs=[out1, out2, out3, out4],
     )
 
 demo.launch()