Upload 2 files

app.py

@@ -1,3 +1,6 @@
+import json
+from pathlib import Path
+
 import gradio as gr
 import pandas as pd
 import plotly.graph_objects as go
@@ -5,6 +8,9 @@ import plotly.io as pio
 
 pio.templates.default = "plotly_white"
 
+DATA_PATH = Path("radar_data.json")
+
+
 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")
@@ -38,69 +44,115 @@ def plot_spyder(scores: dict, title: str = "Group Chart", range_max: float | Non
 
     return fig
 
+
 def build_scores(df: pd.DataFrame) -> dict:
     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_charts(df1, t1, df2, t2, df3, t3, df4, t4, range_max):
+
+def load_state(path: Path):
+    with path.open("r", encoding="utf-8") as f:
+        raw = json.load(f)
+    return raw
+
+
+def save_state(path: Path, payload: dict):
+    with path.open("w", encoding="utf-8") as f:
+        json.dump(payload, f, indent=2)
+
+
+def state_to_ui(state: dict):
+    range_max = state.get("range_max", 10)
+    charts = state.get("charts", [])
+
+    def to_df(ch):
+        return pd.DataFrame({"label": list(ch["scores"].keys()), "value": list(ch["scores"].values())})
+
+    df1 = to_df(charts[0])
+    df2 = to_df(charts[1])
+    df3 = to_df(charts[2])
+    df4 = to_df(charts[3])
+
+    t1 = charts[0]["title"]
+    t2 = charts[1]["title"]
+    t3 = charts[2]["title"]
+    t4 = charts[3]["title"]
+
+    return df1, t1, df2, t2, df3, t3, df4, t4, range_max
+
+
+def ui_to_state(df1, t1, df2, t2, df3, t3, df4, t4, range_max):
     rm = None if range_max <= 0 else range_max
-    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",
+    payload = {
+        "range_max": range_max,
+        "charts": [
+            {"title": t1, "scores": build_scores(df1)},
+            {"title": t2, "scores": build_scores(df2)},
+            {"title": t3, "scores": build_scores(df3)},
+            {"title": t4, "scores": build_scores(df4)},
         ],
-        "value": [9, 2, 8, 3, 6, 6, 5, 4],
     }
-)
+
+    figs = (
+        plot_spyder(payload["charts"][0]["scores"], t1, rm),
+        plot_spyder(payload["charts"][1]["scores"], t2, rm),
+        plot_spyder(payload["charts"][2]["scores"], t3, rm),
+        plot_spyder(payload["charts"][3]["scores"], t4, rm),
+    )
+
+    save_state(DATA_PATH, payload)
+    return (*figs, gr.update(value="Saved ✓"))
+
+
+# ---- App bootstrapping ----
+if not DATA_PATH.exists():
+    raise FileNotFoundError(f"Missing {DATA_PATH}. Create it using the sample JSON below.")
+
+state = load_state(DATA_PATH)
+df1, t1, df2, t2, df3, t3, df4, t4, range_max = state_to_ui(state)
 
 with gr.Blocks() as demo:
     gr.Markdown("## Radar Chart Builder — All 4 Groups together")
 
-    range_input = gr.Number(value=10, label="Shared Range Max (0 = auto)")
+    range_input = gr.Number(value=range_max, label="Shared Range Max (0 = auto)")
 
     with gr.Row():
         with gr.Column():
-            df1 = gr.Dataframe(
-                value=default_df, headers=["label", "value"],
+            df1_input = gr.Dataframe(
+                value=df1, 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")
+            t1_input = gr.Textbox(value=t1, label="Chart 1 Title")
         with gr.Column():
-            df2 = gr.Dataframe(
-                value=default_df, headers=["label", "value"],
+            df2_input = gr.Dataframe(
+                value=df2, 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")
+            t2_input = gr.Textbox(value=t2, label="Chart 2 Title")
 
     with gr.Row():
         with gr.Column():
-            df3 = gr.Dataframe(
-                value=default_df, headers=["label", "value"],
+            df3_input = gr.Dataframe(
+                value=df3, 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")
+            t3_input = gr.Textbox(value=t3, label="Chart 3 Title")
         with gr.Column():
-            df4 = gr.Dataframe(
-                value=default_df, headers=["label", "value"],
+            df4_input = gr.Dataframe(
+                value=df4, 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")
+            t4_input = gr.Textbox(value=t4, label="Chart 4 Title")
 
-    plot_button = gr.Button("Plot All")
+    save_plot_button = gr.Button("Save & Plot")
+    status = gr.Textbox(value="", label="Status", interactive=False)
 
     with gr.Row():
         out1 = gr.Plot(label="Chart 1")
@@ -109,10 +161,10 @@ with gr.Blocks() as demo:
         out3 = gr.Plot(label="Chart 3")
         out4 = gr.Plot(label="Chart 4")
 
-    plot_button.click(
-        fn=make_charts,
-        inputs=[df1, t1, df2, t2, df3, t3, df4, t4, range_input],
-        outputs=[out1, out2, out3, out4],
+    save_plot_button.click(
+        fn=ui_to_state,
+        inputs=[df1_input, t1_input, df2_input, t2_input, df3_input, t3_input, df4_input, t4_input, range_input],
+        outputs=[out1, out2, out3, out4, status],
     )
 
 demo.launch()

radar_data.json

@@ -0,0 +1,56 @@
+{
+  "range_max": 10,
+  "charts": [
+    {
+      "title": "Group 1 Chart",
+      "scores": {
+        "Affordability": 9.0,
+        "Control": 2.0,
+        "Difficulty": 8.0,
+        "Energy Efficiency Gains": 3.0,
+        "Partnership Effort": 6.0,
+        "Risk Reduction": 6.0,
+        "Scale": 5.0,
+        "Adverse Outcome": 4.0
+      }
+    },
+    {
+      "title": "Group 2 Chart",
+      "scores": {
+        "Affordability": 6.0,
+        "Control": 4.0,
+        "Difficulty": 7.0,
+        "Energy Efficiency Gains": 5.0,
+        "Partnership Effort": 7.0,
+        "Risk Reduction": 5.0,
+        "Scale": 6.0,
+        "Adverse Outcome": 3.0
+      }
+    },
+    {
+      "title": "Group 3 Chart",
+      "scores": {
+        "Affordability": 5.0,
+        "Control": 6.0,
+        "Difficulty": 4.0,
+        "Energy Efficiency Gains": 5.0,
+        "Partnership Effort": 4.0,
+        "Risk Reduction": 7.0,
+        "Adverse Outcome": 6.0
+      }
+    },
+    {
+      "title": "Group 4 Chart",
+      "scores": {
+        "Affordability": 7.0,
+        "Control": 2.0,
+        "Difficulty": 6.0,
+        "Energy Efficiency Gains": 4.0,
+        "Partnership Effort": 6.0,
+        "Risk Reduction": 5.0,
+        "Scale": 7.0,
+        "Adverse Outcome": 2.0
+      }
+    }
+  ]
+}