Upload index.html with huggingface_hub

index.html

@@ -281,6 +281,14 @@
       margin: { l: 55, r: 25, t: 45, b: 50 },
       legend: { bgcolor: "rgba(255,255,255,0.92)", bordercolor: "#ddd", borderwidth: 1 }
     };
+    const PLOT_CONFIG = {
+      responsive: true,
+      displayModeBar: true,
+      displaylogo: false,
+      scrollZoom: true,
+      staticPlot: false,
+      modeBarButtonsToRemove: ["lasso2d", "select2d"]
+    };
 
     let DATA = null;
     let state = {
@@ -373,7 +381,7 @@
           : { color: "#0B6E4F" },
         hovertemplate: `%{y}<br>${xKey}: %{x:.2f}<extra></extra>`
       };
-      Plotly.newPlot(div, [trace], { ...LAYOUT, title, height: 430 }, { responsive: true, displayModeBar: false });
+      Plotly.newPlot(div, [trace], { ...LAYOUT, title, height: 430 }, PLOT_CONFIG);
     }
 
     function plotScatter(div, rows, x, y, color, size, title) {
@@ -402,7 +410,7 @@
         height: 430,
         xaxis: { title: x.replaceAll("_", " ") },
         yaxis: { title: y.replaceAll("_", " ") }
-      }, { responsive: true, displayModeBar: false });
+      }, PLOT_CONFIG);
     }
 
     function plotRadar(div, rows) {
@@ -435,7 +443,7 @@
           radialaxis: { visible: true, range: [0, 100], gridcolor: "#e5e7eb" },
           angularaxis: { gridcolor: "#e5e7eb" }
         }
-      }, { responsive: true, displayModeBar: false });
+      }, PLOT_CONFIG);
     }
 
     function plotHeatmap(div) {
@@ -452,7 +460,7 @@
         colorscale: [[0, "#F1FAEE"], [0.5, "#1B4965"], [1, "#0B6E4F"]],
         hoverongaps: false,
         colorbar: { title: "Crash Score" }
-      }], { ...LAYOUT, title: "Avg Crash Score by Scenario × Family", height: 520 }, { responsive: true, displayModeBar: false });
+      }], { ...LAYOUT, title: "Avg Crash Score by Scenario × Family", height: 520 }, PLOT_CONFIG);
     }
 
     function plotGauge(div, value, title, color) {
@@ -473,7 +481,7 @@
             { range: [70, 100], color: "#dcfce7" }
           ]
         }
-      }], { height: 220, margin: { t: 40, b: 10, l: 20, r: 20 }, paper_bgcolor: "#fff", font: { color: "#1a1a1a" } }, { responsive: true, displayModeBar: false });
+      }], { height: 220, margin: { t: 40, b: 10, l: 20, r: 20 }, paper_bgcolor: "#fff", font: { color: "#1a1a1a" } }, PLOT_CONFIG);
     }
 
     function plotCurves(div, ids) {
@@ -498,7 +506,7 @@
         height: 440,
         xaxis: { title: "True Strain" },
         yaxis: { title: "True Stress (MPa)" }
-      }, { responsive: true, displayModeBar: false });
+      }, PLOT_CONFIG);
     }
 
     function plotValidation(divParity, divHist) {
@@ -515,14 +523,14 @@
           x: [0, 100], y: [0, 100],
           line: { color: "#C44536", dash: "dash", width: 2 }
         }
-      ], { ...LAYOUT, title: "AI Prediction vs CAE Validation", height: 420, xaxis: { title: "CAE Crash Score" }, yaxis: { title: "AI Crash Score" } }, { responsive: true, displayModeBar: false });
+      ], { ...LAYOUT, title: "AI Prediction vs CAE Validation", height: 420, xaxis: { title: "CAE Crash Score" }, yaxis: { title: "AI Crash Score" } }, PLOT_CONFIG);
 
       const pass = rows.filter(r => r.pass_fail === "Pass").map(r => r.ai_cae_error_pct);
       const review = rows.filter(r => r.pass_fail !== "Pass").map(r => r.ai_cae_error_pct);
       Plotly.newPlot(divHist, [
         { type: "histogram", x: pass, name: "Pass", marker: { color: "#0B6E4F" }, opacity: 0.85 },
         { type: "histogram", x: review, name: "Review", marker: { color: "#C44536" }, opacity: 0.85 }
-      ], { ...LAYOUT, barmode: "overlay", title: "AI–CAE Error Distribution", height: 420, xaxis: { title: "AI–CAE Error (%)" } }, { responsive: true, displayModeBar: false });
+      ], { ...LAYOUT, barmode: "overlay", title: "AI–CAE Error Distribution", height: 420, xaxis: { title: "AI–CAE Error (%)" } }, PLOT_CONFIG);
     }
 
     function materialCard(mat, solver) {
@@ -841,7 +849,7 @@
               type: "scatter", mode: "lines+markers",
               x: card.strains, y: card.stresses,
               line: { color: "#0B6E4F", width: 3 }, name: "Plastic curve"
-            }], { ...LAYOUT, title: "Draft Plastic Curve", height: 380, xaxis: { title: "Plastic Strain" }, yaxis: { title: "Stress (MPa)" } }, { responsive: true, displayModeBar: false });
+            }], { ...LAYOUT, title: "Draft Plastic Curve", height: 380, xaxis: { title: "Plastic Strain" }, yaxis: { title: "Stress (MPa)" } }, PLOT_CONFIG);
           }
           document.getElementById("dlCard").onclick = () => {
             const blob = new Blob([card.text], { type: "text/plain" });