Create Base6Example.py

pages/Base6Example.py

@@ -0,0 +1,59 @@
+import streamlit as st
+import pandas as pd
+import plotly.graph_objects as go
+
+def should_highlight_coordinate(num):
+    return any(digit in str(num) for digit in ['6', '7', '8', '9'])
+
+def create_interactive_graph():
+    # Create a DataFrame for the grid
+    df = pd.DataFrame([(x, y) for x in range(56) for y in range(56)], columns=['x', 'y'])
+    df['combined'] = df['x'] * 100 + df['y']
+    df['highlight'] = df['combined'].apply(should_highlight_coordinate)
+
+    # Create the Plotly figure
+    fig = go.Figure()
+
+    # Add highlighted areas
+    highlighted_points = df[df['highlight']]
+    fig.add_trace(go.Scatter(
+        x=highlighted_points['x'], 
+        y=highlighted_points['y'], 
+        mode='markers',
+        marker=dict(color='rgba(0, 0, 0, 0.2)', size=5),
+        showlegend=False
+    ))
+
+    # Add grid lines
+    for i in range(0, 56, 5):
+        fig.add_shape(type="line", x0=i, y0=0, x1=i, y1=55, line=dict(color="gray", width=0.5))
+        fig.add_shape(type="line", x0=0, y0=i, x1=55, y1=i, line=dict(color="gray", width=0.5))
+
+    # Customize the layout
+    fig.update_layout(
+        xaxis=dict(range=[0, 55], dtick=5, title="X"),
+        yaxis=dict(range=[0, 55], dtick=5, title="Y"),
+        width=700,
+        height=600,
+        title="2D Interactive Graph Base 6 With Hidden State in Red"
+    )
+
+    return fig
+
+def main():
+    st.set_page_config(page_title="Interactive 2D Graph", layout="wide")
+
+    st.title("2D Interactive Graph Base 6 With Hidden State in Red")
+
+    fig = create_interactive_graph()
+
+    # Display the graph
+    st.plotly_chart(fig, use_container_width=True)
+
+    # Display coordinate information
+    st.markdown("### Coordinate Information")
+    st.markdown("Hover over the graph to see coordinate information.")
+    st.markdown("Coordinates containing 6, 7, 8, or 9 are highlighted.")
+
+if __name__ == "__main__":
+    main()