Update app.py

app.py

@@ -1,22 +1,45 @@
 import streamlit as st
 import matplotlib.pyplot as plt
 import pandas as pd
+import streamlit_option_menu as option_menu
 
-# Título de la aplicación
-st.title("Generador de Gráficos")
+# Configuración de la página
+st.set_page_config(page_title="Generador de Gráficos", layout="wide")
+
+# Estilo de la aplicación
+st.markdown(
+    """
+    <style>
+    .sidebar .sidebar-content {
+        background-color: #f0f2f6;
+    }
+    .css-1aumxhk {
+        display: none;
+    }
+    </style>
+    """,
+    unsafe_allow_html=True,
+)
 
 # Sidebar para la configuración del gráfico
-st.sidebar.header("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,
+    )
 
-# Tipo de gráfico
-chart_type = st.sidebar.selectbox("Tipo de Gráfico", ["Línea", "Barras"])
+# Título de la aplicación
+st.title("Generador de Gráficos")
 
 # Ingresar valores para el eje X
-x_values = st.sidebar.text_area("Valores para X (separados por comas)", "2013,2014,2015,2016,2017")
+x_values = st.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.sidebar.text_area("Valores para Y (separados por comas)", "10,18,5,9,12")
+y_values = st.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
@@ -24,16 +47,18 @@ 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 chart_type == "Línea":
+    if selected == "Línea":
         fig, ax = plt.subplots()
-        ax.plot(x, y, color='red', linewidth=1)
-        ax.set_title("Line Chart")
+        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 chart_type == "Barras":
+    elif selected == "Barras":
         fig, ax = plt.subplots()
-        ax.bar(x, y, color='skyblue', edgecolor='blue')
-        ax.set_title("Bar Chart")
+        ax.bar(x, y, color='#5CCFFF', edgecolor='blue', linewidth=2)
+        ax.set_title("Bar Chart", fontsize=20, fontweight='bold')
+        ax.grid(True, linestyle='--', alpha=0.5)
         st.pyplot(fig)
 
 # Información adicional