Update src/streamlit_app.py

src/streamlit_app.py

@@ -70,8 +70,6 @@ st.dataframe(top_crimes)  # should show “Crime Type” and “Count” with co
 total = top_crimes["Count"].sum()
 top_crimes["Percentage"] = top_crimes["Count"] / total
 top_crimes["Count"] = pd.to_numeric(top_crimes["Count"], errors="coerce")
-st.write(total)
-st.write(top_crimes)
 
 # And finally your pie‐chart…
 chart1 = (
@@ -89,4 +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 = (
+    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%")
+           ]
+       )
+)
+
+# 2. Add labels at mid-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%")
+       )
+)
+
+# 3. Combine and set a fixed, small size
+pie = (base + labels).properties(width=300, height=300, 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)