Update app.py

app.py

@@ -1,7 +1,5 @@
 import streamlit as st
 import matplotlib.pyplot as plt
-import pandas as pd
-import streamlit_option_menu as option_menu
 
 # Configuración de la página
 st.set_page_config(page_title="Generador de Gráficos", layout="wide")
@@ -16,30 +14,42 @@ st.markdown(
     .css-1aumxhk {
         display: none;
     }
+    .css-1d391kg {
+        padding: 2rem 1rem 1rem 1rem;
+    }
+    .stButton>button {
+        background-color: #4CAF50;
+        color: white;
+        border: none;
+        padding: 10px 24px;
+        text-align: center;
+        text-decoration: none;
+        display: inline-block;
+        font-size: 16px;
+        margin: 4px 2px;
+        cursor: pointer;
+        border-radius: 12px;
+    }
+    .stButton>button:hover {
+        background-color: #45a049;
+    }
     </style>
     """,
     unsafe_allow_html=True,
 )
 
 # Sidebar para la configuración del gráfico
-with st.sidebar:
-    selected = option_menu.option_menu(
-        menu_title="Configuración del Gráfico",
-        options=["Línea", "Barras"],
-        icons=["graph-up", "bar-chart"],
-        menu_icon="cast",
-        default_index=0,
-    )
+st.sidebar.header("Configuración del Gráfico")
 
-# Título de la aplicación
-st.title("Generador de Gráficos")
+# Tipo de gráfico
+chart_type = st.sidebar.selectbox("Tipo de Gráfico", ["Línea", "Barras"])
 
 # Ingresar valores para el eje X
-x_values = st.text_area("Valores para X (separados por comas)", "2013,2014,2015,2016,2017")
+x_values = st.sidebar.text_area("Valores para X (separados por comas)", "2013,2014,2015,2016,2017")
 x = [int(i) for i in x_values.split(",")]
 
 # Ingresar valores para el eje Y
-y_values = st.text_area("Valores para Y (separados por comas)", "10,18,5,9,12")
+y_values = st.sidebar.text_area("Valores para Y (separados por comas)", "10,18,5,9,12")
 y = [int(i) for i in y_values.split(",")]
 
 # Verificar si las listas tienen el mismo tamaño
@@ -47,14 +57,14 @@ if len(x) != len(y):
     st.error("Los valores de X y Y deben tener la misma cantidad de elementos.")
 else:
     # Generar el gráfico basado en el tipo seleccionado
-    if selected == "Línea":
+    if chart_type == "Línea":
         fig, ax = plt.subplots()
         ax.plot(x, y, color='#FF5C5C', linewidth=2)
         ax.set_title("Line Chart", fontsize=20, fontweight='bold')
         ax.grid(True, linestyle='--', alpha=0.5)
         st.pyplot(fig)
 
-    elif selected == "Barras":
+    elif chart_type == "Barras":
         fig, ax = plt.subplots()
         ax.bar(x, y, color='#5CCFFF', edgecolor='blue', linewidth=2)
         ax.set_title("Bar Chart", fontsize=20, fontweight='bold')