Update app.py

app.py

@@ -524,7 +524,32 @@ def main():
             fig, violations = create_severity_violation_chart(df, selected_age)
 
             # clicked_points = plotly_events(fig, click_event=True, override_height=600, override_width="100%")
-            clicked_points = plotly_events(fig, click_event=True, override_height=600)
+            # # clicked_points = plotly_events(fig, click_event=True, override_height=600)
+
+            # if clicked_points:
+            #     selected_violation = clicked_points[0]['x']
+            #     if selected_violation != st.session_state['selected_violation']:
+            #         st.session_state['selected_violation'] = selected_violation
+
+            # # If a violation is selected, display the pie chart --> added for part3 (interactive pie chart)
+            # if st.session_state['selected_violation']:
+            #     # pie_chart = create_interactive_pie_chart(violations, st.session_state['selected_violation'])
+            #     pie_chart = create_interactive_pie_chart(violations, st.session_state['selected_violation'], selected_age) # dynamically update pie chart's title
+            #     st.plotly_chart(pie_chart, use_container_width=True)
+            
+            # # Display statistics
+            # if selected_age == 'All Ages':
+            #     total_incidents = len(df)
+            # else:
+            #     total_incidents = len(df[
+            #         (df['Age_Group_Drv1'] == selected_age) | 
+            #         (df['Age_Group_Drv2'] == selected_age)
+            #     ])
+            
+
+        with desc_col:
+            clicked_points = plotly_events(fig, click_event=True, override_height=600, override_width="100%")
+            # clicked_points = plotly_events(fig, click_event=True, override_height=600)
 
             if clicked_points:
                 selected_violation = clicked_points[0]['x']
@@ -545,37 +570,36 @@ def main():
                     (df['Age_Group_Drv1'] == selected_age) | 
                     (df['Age_Group_Drv2'] == selected_age)
                 ])
-            
-
-        with desc_col:
-            st.markdown("""
-            # Severity of Violations Across Age Groups
-            This section provides an interactive visualization of **crash severities** linked to specific violation types, segmented by driver age groups. It enables a comprehensive analysis of how **age influences crash severity and violation trends**. The visualization is linked to an **interactive pie chart** that updates when a specific bar is selected, displaying the detailed distribution of the selected violation type based on the selected age group.
-            ---
-            ## **Key Features**
-            ### 1. **Age Group Analysis**
-            - Select specific age groups (e.g., "16-25", "65+") or analyze all ages to explore correlations between:
-            - Age
-            - Violation type
-            - Crash severity
-            - Understand how different age groups are involved in various types of violations.
-            ### 2. **Violation Breakdown**
-            - Examine the most frequent violations contributing to traffic accidents for each age group.
-            - View detailed statistics showing the distribution of violation types.
-            ### 3. **Understanding Severity Level**
-            - Identify the proportion of severity levels for a specific violation type based on different age groups.
-            - Investigate detailed severity patterns for each violation type across age groups.
-            ---
-            ## **Insights**
-            - **Identifies High-Risk Behaviors:** 
-            - Highlights risky behaviors such as reckless driving in younger drivers or impaired driving in older groups.
-            
-            - **Highlights Severity Associations:** 
-            - Shows which violations are associated with more severe outcomes, aiding targeted safety interventions and public awareness campaigns.
-            - **Supports Data-Driven Decision Making:** 
-            - Provides insights for designing **age-specific traffic safety programs**.
-            ---
-            """)
+        
+        
+        st.markdown("""
+        # Severity of Violations Across Age Groups
+        This section provides an interactive visualization of **crash severities** linked to specific violation types, segmented by driver age groups. It enables a comprehensive analysis of how **age influences crash severity and violation trends**. The visualization is linked to an **interactive pie chart** that updates when a specific bar is selected, displaying the detailed distribution of the selected violation type based on the selected age group.
+        ---
+        ## **Key Features**
+        ### 1. **Age Group Analysis**
+        - Select specific age groups (e.g., "16-25", "65+") or analyze all ages to explore correlations between:
+        - Age
+        - Violation type
+        - Crash severity
+        - Understand how different age groups are involved in various types of violations.
+        ### 2. **Violation Breakdown**
+        - Examine the most frequent violations contributing to traffic accidents for each age group.
+        - View detailed statistics showing the distribution of violation types.
+        ### 3. **Understanding Severity Level**
+        - Identify the proportion of severity levels for a specific violation type based on different age groups.
+        - Investigate detailed severity patterns for each violation type across age groups.
+        ---
+        ## **Insights**
+        - **Identifies High-Risk Behaviors:** 
+        - Highlights risky behaviors such as reckless driving in younger drivers or impaired driving in older groups.
+        
+        - **Highlights Severity Associations:** 
+        - Shows which violations are associated with more severe outcomes, aiding targeted safety interventions and public awareness campaigns.
+        - **Supports Data-Driven Decision Making:** 
+        - Provides insights for designing **age-specific traffic safety programs**.
+        ---
+        """)
 
     with tab3:
         # Dropdown for category selection