Upload 2 files

app.py

@@ -22,31 +22,6 @@ FEATURE_LABELS = {
 }
 LABEL_TO_KEY = {v: k for k, v in FEATURE_LABELS.items()}
 
-MEDICAL_MD = r"""
-### Medisch nut  
-
-**Wat zien we hier?**  
-Ik heb een bestaande, anonieme gezondheidsdataset gebruikt die speciaal beschikbaar is gemaakt voor onderzoek en studie. In deze gegevens staan metingen van een grote groep patiënten, zoals **bloedwaarden, BMI, cholesterol en bloedsuiker**.  
-
-Zo’n enorme berg cijfers is voor artsen en ziekenhuizen bijna niet in één keer te overzien. Het is gewoon te veel om met het blote oog patronen uit te halen.  
-
-**Daar komt kunstmatige intelligentie om de hoek kijken.**  
-Met deze techniek (PCA) kan de computer de data slim samenvatten en patronen zichtbaar maken. Dit programma dat ik heb ontworpen laat live zien hoe die samenvatting werkt.  
-
-- Elke punt is één patiënt.  
-- De kleur laat zien hoe hoog of laag een bepaalde meting is (standaard: BMI).  
-- De pijlen laten zien welke metingen het meeste invloed hebben.  
-- Links bovenin kun je kiezen welke meting je als uitgangspunt wilt nemen.  
-
-**En wat heb je hieraan?**  
-In de praktijk gebruiken artsen en onderzoekers zo’n plot om patronen en verbanden te ontdekken. 👉 Het is dus niet alleen een mooi plaatje, maar echt een manier om grote hoeveelheden data sneller en slimmer te begrijpen.  
-
-Met AI kunnen we patronen vinden die je met het blote oog nooit zou zien. Dat maakt dit niet alleen een mooie visualisatie, maar ook een knap stukje technologie met échte waarde voor onderzoek en zorg.  
-
-**Speel zelf de onderzoeker!**  
-Doe alsof je een arts bent en kies links bovenin een waarde, bijvoorbeeld **cholesterol**, **leeftijd** of **geslacht**. Klik daarna op *Update visualisaties* en ontdek je eigen patronen in de data.  
-"""
-
 def load_diabetes_df():
     d = datasets.load_diabetes()
     X = pd.DataFrame(d.data, columns=d.feature_names)
@@ -55,8 +30,33 @@ def load_diabetes_df():
     df["target"] = y
     return df
 
+def compute_overview_table(df: pd.DataFrame):
+    keys = ["bmi","bp","s1","s2","s3","s4","s5","s6"]
+    rows = []
+    for k in keys:
+        vals = df[k].dropna().values
+        if vals.size == 0:
+            continue
+        mean = float(vals.mean())
+        pct_above = float((vals > 0).mean() * 100.0)  # standardized: 0 ~ mean
+        pct_below = float((vals < 0).mean() * 100.0)
+        rows.append({
+            "Meting": FEATURE_LABELS.get(k, k),
+            "Gemiddelde (gestandaardiseerd)": round(mean, 3),
+            "% boven gemiddelde": round(pct_above, 1),
+            "% onder gemiddelde": round(pct_below, 1),
+        })
+    table = pd.DataFrame(rows)
+    note = (
+        "Let op: waarden in deze dataset zijn **gestandaardiseerd**. "
+        "`0` betekent ongeveer het **algemene gemiddelde**. "
+        "Positief = hoger dan gemiddeld, negatief = lager dan gemiddeld."
+    )
+    return table, note
+
 def pca_biplot(color_label="BMI (Body Mass Index)", arrow_scale=2.0, point_size=32, alpha=0.85, n_components=10, standardize=True):
     df = load_diabetes_df()
+    overview_df, overview_note = compute_overview_table(df)
     feature_keys = [c for c in df.columns if c != "target"]
     color_key = LABEL_TO_KEY.get(color_label, "bmi")
 
@@ -74,7 +74,6 @@ def pca_biplot(color_label="BMI (Body Mass Index)", arrow_scale=2.0, point_size=
 
     cvals = df[color_key].values
 
-    # Biplot
     fig1 = plt.figure(figsize=(7.8, 5.6))
     ax = fig1.add_subplot(111)
     sc = ax.scatter(Z[:, 0], Z[:, 1], c=cvals, s=point_size, alpha=alpha)
@@ -95,7 +94,6 @@ def pca_biplot(color_label="BMI (Body Mass Index)", arrow_scale=2.0, point_size=
     ax.grid(True, linestyle=":", linewidth=0.6)
     plt.tight_layout()
 
-    # Explained variance plot
     fig2 = plt.figure(figsize=(7.8, 3.8))
     ax2 = fig2.add_subplot(111)
     xs = np.arange(1, len(expl) + 1)
@@ -108,7 +106,6 @@ def pca_biplot(color_label="BMI (Body Mass Index)", arrow_scale=2.0, point_size=
     ax2.grid(True, linestyle=":", linewidth=0.6)
     plt.tight_layout()
 
-    # Top-features table
     load_df = pd.DataFrame({
         "feature_key": feature_keys,
         "PC1_loading": loadings[:, 0],
@@ -135,20 +132,10 @@ def pca_biplot(color_label="BMI (Body Mass Index)", arrow_scale=2.0, point_size=
 - **Balkgrafiek** = per component hoeveel variatie hij uitlegt; **lijn** = cumulatief.
 """
 
-    return fig1, fig2, table, summary_md
+    return fig1, fig2, table, summary_md, overview_df, overview_note
 
 with gr.Blocks(title="PCA Biplot — Diabetes (NL labels)") as demo:
-    # Callout styles
-    gr.HTML("""
-    <style>
-      .callout {padding:12px 14px; border-left:4px solid #2563eb; background:#f1f5f9; border-radius:6px; margin: 8px 0 18px;}
-      .smallnote {font-size: 0.92em; opacity: 0.85;}
-    </style>
-    """)
-
     gr.Markdown("# PCA Biplot — Diabetes (NL labels)")
-    # Place the medical text at the very top so it's always visible
-    gr.Markdown(MEDICAL_MD)
 
     with gr.Row():
         with gr.Column(scale=1):
@@ -160,16 +147,18 @@ with gr.Blocks(title="PCA Biplot — Diabetes (NL labels)") as demo:
             n_components = gr.Slider(2, 10, value=10, step=1, label="Aantal PCA-componenten (voor variatieplot)")
             standardize = gr.Checkbox(value=True, label="Standaardiseer metingen (aanbevolen)")
             run_btn = gr.Button("Update visualisaties")
-            gr.HTML('<div class="callout smallnote">💡 *Tip:* kies links een meting (bijv. BMI of cholesterol) en klik daarna op <b>Update visualisaties</b>.</div>')
         with gr.Column(scale=2):
             plot_biplot = gr.Plot(label="PCA-biplot — punten + pijlen")
             plot_expl = gr.Plot(label="Uitlegvariantie per component")
             table = gr.Dataframe(headers=["Feature (PC1)", "Loading PC1", "Feature (PC2)", "Loading PC2"], row_count=6)
             summary = gr.Markdown()
+            gr.Markdown("### Overzicht (gemiddelden & verdeling)")
+            overview_tbl = gr.Dataframe(interactive=False)
+            overview_note_md = gr.Markdown()
 
     inputs = [color_feat, arrow_scale, point_size, alpha, n_components, standardize]
-    run_btn.click(fn=pca_biplot, inputs=inputs, outputs=[plot_biplot, plot_expl, table, summary])
-    demo.load(fn=pca_biplot, inputs=inputs, outputs=[plot_biplot, plot_expl, table, summary])
+    run_btn.click(fn=pca_biplot, inputs=inputs, outputs=[plot_biplot, plot_expl, table, summary, overview_tbl, overview_note_md])
+    demo.load(fn=pca_biplot, inputs=inputs, outputs=[plot_biplot, plot_expl, table, summary, overview_tbl, overview_note_md])
 
 if __name__ == "__main__":
     demo.queue().launch(server_name="0.0.0.0", server_port=7860, ssr_mode=False, show_api=False)