Update app.py

app.py

@@ -1,56 +1,15 @@
 import gradio as gr
-import plotly.express as px
-import pandas as pd
+from gradio.components import Ace
 
-# Prepare some sample data
-df = pd.DataFrame({
-    "x": [1, 2, 3, 4],
-    "y": [2, 4, 6, 8],
-    "z": [3, 6, 9, 12],
-    "color": ["red", "green", "blue", "orange"]
-})
+# Define a function that takes a code string as input and returns it as output
+def echo_code(code):
+  return code
 
-# Define a function that takes a plot object as input and returns some values for output sections
-def update_output(plot):
-    # Get the data from the plot object
-    data = plot.data[0]
-    # Calculate some statistics
-    mean_x = data.x.mean()
-    mean_y = data.y.mean()
-    mean_z = data.z.mean()
-    # Get the selected point index
-    point_index = data.selectedpoints[0] if data.selectedpoints else None
-    # Get the point color
-    point_color = data.marker.color[point_index] if point_index is not None else None
-    # Return the values for output sections
-    return mean_x, mean_y, mean_z, point_index, point_color
+# Create an Ace component with Python mode and Monokai theme
+ace = Ace(mode="python", theme="monokai")
 
-# Define some output sections as gradio components
-mean_x_box = gr.Textbox(label="Mean x")
-mean_y_box = gr.Textbox(label="Mean y")
-mean_z_box = gr.Textbox(label="Mean z")
-point_index_label = gr.Label(label="Selected point index")
-point_color_label = gr.Label(label="Selected point color")
+# Create a gradio app with the Ace component as both input and output
+iface = gr.Interface(fn=echo_code, inputs=ace, outputs=ace)
 
-# Create a plot object using plotly
-plot = px.scatter_3d(df, x="x", y="y", z="z", color="color")
-
-# Create a gradio.Plot widget as an input component
-plot_input = gr.Plot(label="Plot", value=plot)
-
-# Create a gradio.Interface object
-iface = gr.Interface(
-    fn=update_output,
-    inputs=plot_input,
-    outputs=[mean_x_box, mean_y_box, mean_z_box, point_index_label, point_color_label],
-    layout="vertical",
-    theme="huggingface",
-    title="Gradio Plot Example",
-    description="This is an example of using a gradio.Plot widget as an input component and updating some output sections based on user interaction."
-)
-
-# Add an event trigger to the input component
-plot_input.change(update_output)
-
-# Launch the interface
+# Launch the app
 iface.launch()