Update app.py

app.py

@@ -486,7 +486,8 @@ st.markdown(f"""
 </div>
 """, unsafe_allow_html=True)
 # ================= OBJECTIVE 2 =================
-st.markdown('<h3 class="objective-title">OBJECTIVE 2: Hourly Alarm Trend Analysis — When Do Alarms Peak?</h3>', unsafe_allow_html=True)
+# ================= OBJECTIVE 2 =================
+st.markdown('<h3 class="objective-title">OBJECTIVE 2: Hourly Alarm Trend Analysis — By Tyre Position</h3>', unsafe_allow_html=True)
 
 # Ambil data alarm
 alarm_data = dff[dff['is_alarm'] == 1].copy()
@@ -494,31 +495,34 @@ alarm_data = dff[dff['is_alarm'] == 1].copy()
 if alarm_data.empty:
     st.warning("No alarm data to display.")
 else:
-    # Hitung jumlah alarm per jam
-    hourly_alarm_counts = alarm_data['hour'].value_counts().reindex(range(24), fill_value=0)
+    # Hitung jumlah alarm per jam dan per posisi
+    hourly_pos_counts = alarm_data.groupby(['hour', 'Position']).size().unstack(fill_value=0)
+
+    # Pastikan semua posisi (1,2,3,4) ada di kolom
+    for pos in [1, 2, 3, 4]:
+        if pos not in hourly_pos_counts.columns:
+            hourly_pos_counts[pos] = 0
+
+    # Urutkan kolom
+    hourly_pos_counts = hourly_pos_counts[[1, 2, 3, 4]]
 
-    # Hitung rata-rata jumlah alarm per jam
-    avg_hourly_alarms = hourly_alarm_counts.mean()  # rata-rata alarm per jam
+    # Gunakan warna sesuai Objective 1
+    color_map = {1: '#003DA5', 2: '#7FA6E8', 3: '#FFB300', 4: '#FFE082'}
 
     # Buat grafik trend
     fig = px.line(
-        x=hourly_alarm_counts.index,
-        y=hourly_alarm_counts.values,
-        markers=True,
+        hourly_pos_counts,
+        x=hourly_pos_counts.index,
+        y=[1, 2, 3, 4],
+        title="Hourly Alarm Count by Tyre Position",
+        labels={'value': 'Number of Alarms', 'variable': 'Tyre Position'},
+        template="plotly_white",
         line_shape='linear',
-        title=f"Hourly Alarm Trend Analysis (Avg: {avg_hourly_alarms:.2f} alarms/hour)",
-        labels={'x': 'Hour of Day', 'y': 'Number of Alarms'},
-        template="plotly_white"
+        color_discrete_map=color_map
     )
 
-    # Tambahkan garis rata-rata
-    fig.add_hline(
-        y=avg_hourly_alarms,
-        line_dash="dash",
-        line_color="red",
-        annotation_text=f"Average: {avg_hourly_alarms:.2f}",
-        annotation_position="top right"
-    )
+    # Ganti nama legend
+    fig.for_each_trace(lambda t: t.update(name=f'Position {int(t.name)}'))
 
     fig.update_layout(
         xaxis=dict(
@@ -529,18 +533,18 @@ else:
             tickangle=45
         ),
         yaxis=dict(title="Number of Alarms"),
+        legend_title_text='Tyre Position',
         margin=dict(t=40, b=20, l=20, r=20)
     )
 
     st.plotly_chart(fig, use_container_width=True)
 
     # Insight singkat
-    peak_hour = hourly_alarm_counts.idxmax()
-    peak_count = hourly_alarm_counts.max()
+    total_by_pos = hourly_pos_counts.sum()
     insight_text = f"""
-    • Peak alarm hour: {peak_hour:02d}:00 with {peak_count} alarms.
-    • Average alarms per hour: {avg_hourly_alarms:.2f}.
-    • Total alarms in period: {hourly_alarm_counts.sum()}.
+    • Position 1: {total_by_pos[1]} alarms | Position 2: {total_by_pos[2]} alarms
+    • Position 3: {total_by_pos[3]} alarms | Position 4: {total_by_pos[4]} alarms
+    • Peak alarm patterns vary by position — suggesting location-specific stress factors.
     """
     st.markdown(f"""
     <div class="insight-box">