Upload 2 files

app.py

@@ -114,11 +114,11 @@ def build_biplot_plotly(df, Z, loadings, feats, color_key, arrow_scale=2.0):
         fig.add_annotation(x=x*1.05, y=y*1.05, text=FEATURE_LABELS.get(key,key),
                            showarrow=False, font=dict(size=10))
     fig.update_layout(title="PCA-biplot (2D, hover)", xaxis_title="PC1", yaxis_title="PC2",
-                      height=520, margin=dict(l=10, r=10, t=40, b=10))
+                      margin=dict(l=10, r=10, t=40, b=10))
     return fig
 
 def build_biplot_matplotlib(df, Z, loadings, feats, color_key, arrow_scale=2.0, point_size=32, alpha=0.85):
-    fig = plt.figure(figsize=(7.6, 5.2))
+    fig = plt.figure()
     ax = fig.add_subplot(111)
     sc = ax.scatter(Z[:,0], Z[:,1], c=df[color_key].values, s=point_size, alpha=alpha)
     cbar = plt.colorbar(sc, ax=ax, pad=0.02); cbar.set_label(f"Kleur: {FEATURE_LABELS.get(color_key,color_key)}")
@@ -136,11 +136,11 @@ def build_pca3d(Z3, color_vals):
                                        marker=dict(size=4, color=color_vals, opacity=0.85))])
     fig.update_layout(title="PCA 3D — PC1·PC2·PC3 (sleep om te draaien)",
                       scene=dict(xaxis_title="PC1", yaxis_title="PC2", zaxis_title="PC3"),
-                      height=520, margin=dict(l=10, r=10, t=40, b=10))
+                      margin=dict(l=10, r=10, t=40, b=10))
     return fig
 
 def build_variance_plot(expl):
-    fig = plt.figure(figsize=(7.6, 3.6))
+    fig = plt.figure()
     ax = fig.add_subplot(111)
     xs = np.arange(1, len(expl)+1)
     ax.bar(xs, expl, width=0.8, align="center")
@@ -152,9 +152,9 @@ def build_variance_plot(expl):
 
 def build_hist_box(df: pd.DataFrame, color_key: str):
     series = df[color_key].dropna()
-    fig_hist = px.histogram(series, nbins=30, title=f"Histogram — {FEATURE_LABELS.get(color_key,color_key)}", height=360)
+    fig_hist = px.histogram(series, nbins=30, title=f"Histogram — {FEATURE_LABELS.get(color_key,color_key)}")
     fig_hist.update_layout(margin=dict(l=10, r=10, t=40, b=10))
-    fig_box = px.box(series, points="outliers", title=f"Boxplot — {FEATURE_LABELS.get(color_key,color_key)}", height=360)
+    fig_box = px.box(series, points="outliers", title=f"Boxplot — {FEATURE_LABELS.get(color_key,color_key)}")
     fig_box.update_layout(margin=dict(l=10, r=10, t=40, b=10))
     return fig_hist, fig_box
 
@@ -212,7 +212,7 @@ def animate_pca(color_label="BMI (Body Mass Index)", point_size=32, alpha=0.85,
         t = i / max(1, frames-1)
         w1 = min(1.0, t * 2.0); w2 = max(0.0, (t - 0.5) * 2.0)
         coords = np.column_stack([Z[:, 0] * w1, Z[:, 1] * w2])
-        fig = plt.figure(figsize=(7.6, 5.2))
+        fig = plt.figure()
         ax = fig.add_subplot(111)
         ax.scatter(coords[:, 0], coords[:, 1], c=color_vals, s=point_size, alpha=alpha)
         ax.set_xlabel("PC1 (opbouw)"); ax.set_ylabel("PC2 (opbouw)")
@@ -269,7 +269,7 @@ with gr.Blocks(title="PCA Dashboard — Diabetes (netjes & compleet)") as demo:
                 gr.Markdown("### Animatie")
                 animate_btn = gr.Button("▶ Animate PCA (PC1 → PC2)")
                 gr.HTML('<div class="cta"><b>Klik op: "▶ Animate PCA"</b> om de projectie stap-voor-stap te zien.</div>')
-                anim_plot = gr.Plot(label="Animatie van projectie", height=420)
+                anim_plot = gr.Plot(label="Animatie van projectie")
             with gr.Group():
                 gr.Markdown("### Downloads")
                 dl_biplot = gr.DownloadButton("Download biplot (PNG)")
@@ -279,24 +279,24 @@ with gr.Blocks(title="PCA Dashboard — Diabetes (netjes & compleet)") as demo:
             with gr.Row():
                 with gr.Column():
                     gr.Markdown("### Biplot (2D, hover)")
-                    plot_biplot = gr.Plot(height=520)
+                    plot_biplot = gr.Plot()
                 with gr.Column():
                     gr.Markdown("### 3D PCA (PC1–PC3)")
-                    plot3d = gr.Plot(height=520)
+                    plot3d = gr.Plot()
             with gr.Row():
                 with gr.Column():
                     gr.Markdown("### Uitlegvariantie")
-                    plot_expl = gr.Plot(height=360)
+                    plot_expl = gr.Plot()
                 with gr.Column():
                     gr.Markdown("### Top-features (PC1 / PC2)")
-                    table = gr.Dataframe(headers=["Feature (PC1)", "Loading PC1", "Feature (PC2)", "Loading PC2"], row_count=6, height=360)
+                    table = gr.Dataframe(headers=["Feature (PC1)", "Loading PC1", "Feature (PC2)", "Loading PC2"], row_count=6)
             with gr.Row():
                 with gr.Column():
                     gr.Markdown("### Histogram")
-                    plot_hist = gr.Plot(height=360)
+                    plot_hist = gr.Plot()
                 with gr.Column():
                     gr.Markdown("### Boxplot")
-                    plot_box = gr.Plot(height=360)
+                    plot_box = gr.Plot()
             with gr.Row():
                 with gr.Column():
                     gr.Markdown("### Overzicht (gemiddelden & verdeling)")
@@ -304,12 +304,13 @@ with gr.Blocks(title="PCA Dashboard — Diabetes (netjes & compleet)") as demo:
                 with gr.Column():
                     gr.Markdown("### Samenvatting")
                     summary = gr.Markdown()
+                    overview_note_md = gr.Markdown()
 
     inputs = [color_feat, n_components, standardize, arrow_scale]
     run_btn.click(fn=controller, inputs=inputs,
-                  outputs=[plot_biplot, plot3d, plot_expl, table, overview_tbl, gr.Markdown(), summary])
+                  outputs=[plot_biplot, plot3d, plot_expl, table, overview_tbl, overview_note_md, summary])
     demo.load(fn=controller, inputs=inputs,
-              outputs=[plot_biplot, plot3d, plot_expl, table, overview_tbl, gr.Markdown(), summary])
+              outputs=[plot_biplot, plot3d, plot_expl, table, overview_tbl, overview_note_md, summary])
 
     animate_btn.click(fn=animate_pca, inputs=[color_feat], outputs=anim_plot)