Update src/streamlit_app.py

src/streamlit_app.py

@@ -87,37 +87,36 @@ chart1 = (
     .properties(width=400, height=400, title="Top 10 Crime Types")
 )
 st.altair_chart(chart1, use_container_width=True)
-###########################################################################
-# 1. Base pie chart
+
+# Base pie chart (innerRadius=50 gives us the donut)
 base = (
     alt.Chart(top_crimes)
-       .mark_arc(innerRadius=50)
-       .encode(
-           theta=alt.Theta("Count:Q"),
-           color=alt.Color("Crime Type:N", legend=alt.Legend(title="Crime Type")),
-           tooltip=[
-               alt.Tooltip("Crime Type:N", title="Crime Type"),
-               alt.Tooltip("Count:Q", title="Count"),
-               alt.Tooltip("Percentage:Q", format=".1%")
-           ]
-       )
+      .mark_arc(innerRadius=50)
+      .encode(
+          theta=alt.Theta("Count:Q"),
+          color=alt.Color("Crime Type:N", legend=alt.Legend(title="Crime Type")),
+          tooltip=[
+              alt.Tooltip("Crime Type:N"),
+              alt.Tooltip("Count:Q"),
+              alt.Tooltip("Percentage:Q", format=".1%")
+          ]
+      )
 )
 
-# 2. Add labels at mid-radius
+#  Add labels *outside* each slice by using a larger radius
 labels = (
     alt.Chart(top_crimes)
-       .mark_text(radius=90, size=12, color="white")
-       .encode(
-           theta=alt.Theta("Count:Q"),
-           text=alt.Text("Percentage:Q", format=".1%")
-       )
+      .mark_text(radius=120, size=11, fontWeight="bold")
+      .encode(
+          theta=alt.Theta("Count:Q"),
+          text=alt.Text("Crime Type:N")
+      )
 )
 
-# 3. Combine and set a fixed, small size
-pie = (base + labels).properties(width=300, height=300, title="Top 10 Crime Types")
+# Combine and set size/title
+chart2 = (
+    (base + labels)
+      .properties(width=600, height=600, title="Top 10 Crime Types")
+)
 
-# 4. Center in the page using columns
-col1, col2, col3 = st.columns([1, 2, 1])
-with col2:
-    st.altair_chart(pie, use_container_width=False)
-    
+st.altair_chart(chart2, use_container_width=False)