Update app.py

app.py

@@ -36,15 +36,15 @@ x_values = st.sidebar.text_area("Valores para X (separados por comas)", "2013,20
 x = x_values.split(",")
 
 # Selector de número de variables Y
-num_y_vars = st.sidebar.number_input("Número de variables Y", min_value=1, max_value=100, value=1, step=1)
+num_y_vars = st.sidebar.number_input("Número de variables Y", min_value=1, max_value=100, value=1, step=1, key="num_y_vars")
 y_values_list = []
 y_names_list = []
 for i in range(num_y_vars):
     if f"y_values_{i}" not in st.session_state:
         st.session_state[f"y_values_{i}"] = ','.join([str(np.random.randint(1, 25)) for _ in x])
-    y_values = st.sidebar.text_area(f"Valores para Y-{i+1} (separados por comas)", st.session_state[f"y_values_{i}"])
+    y_values = st.sidebar.text_area(f"Valores para Y-{i+1} (separados por comas)", st.session_state[f"y_values_{i}"], key=f"y_values_{i}")
     st.session_state[f"y_values_{i}"] = y_values  # Guardar los valores en session_state
-    y_name = st.sidebar.text_input(f"Nombre de la Variable Y-{i+1}", f"Variable Y-{i+1}")
+    y_name = st.sidebar.text_input(f"Nombre de la Variable Y-{i+1}", f"Variable Y-{i+1}", key=f"y_name_{i}")
     y_values_list.append(y_values)
     y_names_list.append(y_name)
 
@@ -62,16 +62,16 @@ with st.sidebar.expander("Opciones Adicionales"):
     border_width = st.slider("Grosor del Borde", min_value=0.0, max_value=3.0, value=1.5, step=0.1)
     border_opacity = st.slider("Opacidad del Borde (%)", min_value=0, max_value=100, value=60, step=1) / 100
     if chart_type == "Barras" and num_y_vars > 1:
-        stacked_bars = st.checkbox("Superpuestas")
+        stacked_bars = st.checkbox("Superpuestas", key="stacked_bars")
     else:
         stacked_bars = False
     if chart_type == "Barras":
-        horizontal_bars = st.checkbox("Invertidas")
+        horizontal_bars = st.checkbox("Invertidas", key="horizontal_bars")
     if chart_type == "Donut":
         hole_size = st.slider("Tamaño del agujero (%)", min_value=0, max_value=100, value=30, step=1) / 100
 
 # Opción para múltiples colores (siempre activada para Donut)
-use_multiple_colors = st.sidebar.checkbox("Usar múltiples colores", value=True if chart_type == "Donut" or num_y_vars > 1 else False)
+use_multiple_colors = st.sidebar.checkbox("Usar múltiples colores", value=True if chart_type == "Donut" or num_y_vars > 1 else False, key="use_multiple_colors")
 
 # Seleccionar color(es) para el gráfico
 selected_color = st.sidebar.color_picker("Color", "#24CBA0", key="single_color")
@@ -218,187 +218,3 @@ else:
 # Información adicional
 st.write("""
 """)
-
-# Selector de número de variables Y
-num_y_vars = st.sidebar.number_input("Número de variables Y", min_value=1, max_value=100, value=1, step=1)
-y_values_list = []
-y_names_list = []
-for i in range(num_y_vars):
-    if f"y_values_{i}" not in st.session_state:
-        st.session_state[f"y_values_{i}"] = ','.join([str(np.random.randint(1, 25)) for _ in x])
-    y_values = st.sidebar.text_area(f"Valores para Y-{i+1} (separados por comas)", st.session_state[f"y_values_{i}"])
-    st.session_state[f"y_values_{i}"] = y_values  # Guardar los valores en session_state
-    y_name = st.sidebar.text_input(f"Nombre de la Variable Y-{i+1}", f"Variable Y-{i+1}")
-    y_values_list.append(y_values)
-    y_names_list.append(y_name)
-
-# Etiquetas personalizadas para los ejes
-x_label = st.sidebar.text_input("Etiqueta para el eje X", "X")
-y_label = st.sidebar.text_input("Etiqueta para el eje Y", "Y")
-
-# Desplegable de opciones adicionales
-with st.sidebar.expander("Opciones Adicionales"):
-    graph_width = st.slider("Ancho del Gráfico", min_value=400, max_value=1000, value=800, step=50)
-    graph_height = st.slider("Alto del Gráfico", min_value=300, max_value=800, value=600, step=50)
-    font_family = st.selectbox("Fuente", font_options, index=font_options.index("Times New Roman"))
-    show_legend = st.checkbox("Mostrar Leyenda", value=True)
-    opacity = st.slider("Opacidad (%)", min_value=0, max_value=100, value=30, step=1) / 100
-    border_width = st.slider("Grosor del Borde", min_value=0.0, max_value=3.0, value=1.5, step=0.1)
-    border_opacity = st.slider("Opacidad del Borde (%)", min_value=0, max_value=100, value=60, step=1) / 100
-    if chart_type == "Barras" and num_y_vars > 1:
-        stacked_bars = st.checkbox("Superpuestas")
-    else:
-        stacked_bars = False
-    if chart_type == "Barras":
-        horizontal_bars = st.checkbox("Invertidas")
-    if chart_type == "Donut":
-        hole_size = st.slider("Tamaño del agujero (%)", min_value=0, max_value=100, value=30, step=1) / 100
-
-# Opción para múltiples colores (siempre activada para Donut)
-use_multiple_colors = st.sidebar.checkbox("Usar múltiples colores", value=True if chart_type == "Donut" or num_y_vars > 1 else False)
-
-# Seleccionar color(es) para el gráfico
-selected_color = st.sidebar.color_picker("Color", "#24CBA0", key="single_color")
-
-# Definir colores
-if use_multiple_colors or chart_type == "Donut":
-    num_colors = max(len(y_values_list), len(x))
-    colors = [hex_to_rgba(selected_color if i == 0 else st.sidebar.color_picker(f"Color {i+1}", predefined_colors[i % len(predefined_colors)], key=f"color_{i}"), alpha=opacity)
-              for i in range(num_colors)]
-    border_colors = [hex_to_rgba(selected_color if i == 0 else predefined_colors[i % len(predefined_colors)], alpha=border_opacity)
-                     for i in range(num_colors)]
-else:
-    color = hex_to_rgba(selected_color, alpha=opacity)
-    border_color = hex_to_rgba(selected_color, alpha=border_opacity)
-    colors = [color] * len(x)  # Definir colors para casos donde no se usa múltiple colores
-
-# Procesar valores
-y_values_lists = [[float(i) for i in y_values.split(",") if i.strip()] for y_values in y_values_list]
-
-# Verificar si las listas tienen el mismo tamaño
-if any(len(x) != len(y) for y in y_values_lists):
-    st.error("Todos los valores de X y Y deben tener la misma cantidad de elementos.")
-else:
-    # Crear un DataFrame
-    data = pd.DataFrame({"X": x})
-    for idx, y_set in enumerate(y_values_lists):
-        data[y_names_list[idx]] = y_set
-
-    # Configuración común para todos los gráficos
-    common_layout = dict(
-        xaxis_title=x_label,
-        yaxis_title=y_label,
-        plot_bgcolor="white",
-        hovermode="x unified",
-        width=graph_width,
-        height=graph_height,
-        margin=dict(l=60, r=40, t=100, b=40),
-        xaxis=dict(showgrid=True, zeroline=True, gridcolor='rgba(211,211,211,0.5)', zerolinecolor='rgba(128,128,128,0.5)', autorange=True),
-        yaxis=dict(showgrid=True, zeroline=True, gridcolor='rgba(211,211,211,0.5)', zerolinecolor='rgba(128,128,128,0.5)', autorange=True),
-        font=dict(family=font_family, size=18, color="black"),
-        showlegend=show_legend,
-        legend=dict(orientation="v", yanchor="top", y=1, xanchor="left", x=1.02)
-    )
-    
-    # Personalizar el hovertemplate
-    hovertemplate = '<b>%{y}</b>'
-
-    # Generar el gráfico basado en el tipo seleccionado
-    if chart_type == "Línea":
-        fig = px.line(data, x="X", y=y_names_list, line_shape="spline")
-        fig.update_traces(hovertemplate=hovertemplate)
-        if use_multiple_colors:
-            for i, name in enumerate(y_names_list):
-                fig.update_traces(selector=dict(name=name), line_color=colors[i % len(colors)])
-        else:
-            fig.update_traces(line_color=color)
-    elif chart_type == "Área":
-        fig = px.area(data, x="X", y=y_names_list, line_shape="spline")
-        fig.update_traces(hovertemplate=hovertemplate)
-        if use_multiple_colors:
-            for i, name in enumerate(y_names_list):
-                fig.update_traces(selector=dict(name=name), line_color=colors[i % len(colors)], fillcolor=colors[i % len(colors)])
-        else:
-            fig.update_traces(line_color=color, fillcolor=color)
-    elif chart_type == "Dispersión":
-        fig = px.scatter(data, x="X", y=y_names_list)
-        fig.update_traces(hovertemplate=hovertemplate)
-        if use_multiple_colors:
-            for i, name in enumerate(y_names_list):
-                fig.update_traces(selector=dict(name=name), marker_color=colors[i % len(colors)], marker_line_color=border_colors[i % len(border_colors)], marker_line_width=border_width)
-        else:
-            fig.update_traces(marker_color=color, marker_line_color=border_color, marker_line_width=border_width)
-    elif chart_type == "Barras":
-        if horizontal_bars:
-            fig = px.bar(data, x=y_names_list, y="X", orientation='h', barmode='stack' if stacked_bars else 'group')
-        else:
-            fig = px.bar(data, x="X", y=y_names_list, barmode='stack' if stacked_bars else 'group')
-        fig.update_traces(hovertemplate=hovertemplate)
-        if use_multiple_colors:
-            if horizontal_bars:
-                fig.update_traces(marker_color=colors[:len(data)], marker_line_color=border_colors[:len(data)], marker_line_width=border_width)
-            else:
-                fig.update_traces(marker_color=colors[:len(x)], marker_line_color=border_colors[:len(x)], marker_line_width=border_width)
-        else:
-            fig.update_traces(marker_color=color, marker_line_color=border_color, marker_line_width=border_width)
-        fig.update_layout(bargap=0.2)
-    elif chart_type == "Donut":
-        figs = []
-        for i, y_name in enumerate(y_names_list):
-            fig = px.pie(data, values=y_name, names="X", hole=hole_size, color_discrete_sequence=colors[:len(x)])
-            fig.update_traces(hovertemplate='<b>%{label}</b>: %{value} (%{percent})', textinfo='percent+label')
-            fig.update_layout(
-                title=dict(
-                    text=f"{chart_title}<br><sub>{y_name}</sub>" if len(y_names_list) > 1 else chart_title,
-                    x=0.5,
-                    y=0.95,
-                    xanchor='center',
-                    yanchor='top',
-                    font=dict(
-                        family=font_family,
-                        size=18,
-                        color="#374151",
-                        weight="normal"
-                    )
-                ),
-                **common_layout
-            )
-            figs.append(fig)
-        for fig in figs:
-            st.plotly_chart(fig)
-
-    # Añadir anotación para el título
-    if chart_type != "Donut":
-        fig.update_layout(
-            title=dict(
-                text=f"{chart_title}",
-                x=0.5,
-                y=0.95,
-                xanchor='center',
-                yanchor='top',
-                font=dict(
-                    family=font_family,
-                    size=18,
-                    color="#374151",
-                    weight="normal"
-                )
-            )
-        )
-        
-        # Aplicar configuración común
-        fig.update_layout(**common_layout)
-        
-        # Aplicar múltiples colores si se seleccionó la opción
-        if use_multiple_colors and chart_type != "Donut":
-            for i, trace in enumerate(fig.data):
-                trace.update(marker_color=colors[i % len(colors)], marker_line_color=border_colors[i % len(border_colors)], marker_line_width=border_width)
-        
-        # Mostrar el gráfico
-        st.plotly_chart(fig)
-
-        # Forzar el autoescale
-        fig.update_layout(xaxis_autorange=True, yaxis_autorange=True)
-
-# Información adicional
-st.write("""
-""")