Update app.py

app.py

@@ -236,4 +236,86 @@ print(df.dtypes)
 
 fig = px.scatter(df, x='int_col', y='float_col', title='Data Types')
 fig.show()
-print("Data typ
+print("Data types test complete!")''',
+
+    "Compare Methods": '''# Compare DataFrame vs Direct
+import plotly.express as px
+import pandas as pd
+
+print("=== Method 1: DataFrame ===")
+df = pd.DataFrame({'x': [1, 2, 3], 'y': [1, 4, 9]})
+fig1 = px.scatter(df, x='x', y='y', title='DataFrame Method')
+fig1.show()
+
+print("=== Method 2: Direct Arrays ===") 
+fig2 = px.scatter(x=[1, 2, 3], y=[1, 4, 9], title='Direct Method')
+fig2.show()
+
+print("Comparison complete!")'''
+}
+
+with gr.Blocks() as demo:
+    gr.Markdown("# 🧪 Plotly Express Test Suite")
+    gr.Markdown("**Test different Express examples** to find what works and what doesn't")
+    
+    pyodide_interface = gr.HTML(create_pyodide_interface())
+    
+    with gr.Row():
+        with gr.Column(scale=2):
+            code_input = gr.Textbox(
+                value=examples["Minimal Test"],
+                lines=12,
+                label="Test Code"
+            )
+            
+            run_btn = gr.Button("🚀 Run Test", variant="primary", size="lg")
+            
+        with gr.Column(scale=1):
+            gr.Markdown("### 📋 Quick Tests")
+            
+            example_buttons = []
+            for name, code in examples.items():
+                btn = gr.Button(f"📊 {name}", variant="secondary")
+                example_buttons.append((btn, code))
+            
+            status_output = gr.Textbox(
+                label="Result",
+                interactive=False,
+                lines=3
+            )
+    
+    gr.Markdown("""
+    ### 🎯 **Testing Strategy:**
+    
+    1. **Start with "Minimal Test"** - absolute basics
+    2. **Try "Direct Arrays"** - no DataFrames involved  
+    3. **Test "Simple DataFrame"** - basic DataFrame usage
+    4. **Run "Compare Methods"** - see DataFrame vs direct difference
+    5. **Check "Data Types"** - see if data type issues exist
+    
+    ### 🔍 **What to Watch:**
+    - ✅ **Data points visible** = Working correctly
+    - ❌ **Only background/axes** = Data issue
+    - 📝 **Check output messages** for clues
+    
+    ### 💡 **Expected Results:**
+    Based on your previous tests, some of these might work while others show only background.
+    """)
+    
+    # Event handlers
+    run_btn.click(
+        fn=None,
+        inputs=[code_input],
+        outputs=[status_output],
+        js="(code) => window.runCode ? window.runCode(code) : 'Not ready'"
+    )
+    
+    # Example button handlers
+    for btn, code in example_buttons:
+        btn.click(
+            fn=lambda c=code: c,
+            outputs=[code_input]
+        )
+
+if __name__ == "__main__":
+    demo.launch(server_name="0.0.0.0", server_port=7860, share=False)