Update src/streamlit_app.py

src/streamlit_app.py

@@ -1,9 +1,23 @@
 import streamlit as st
 import pandas as pd
 import plotly.express as px
-
-# 1. SAYFA AYARLARI
-st.set_page_config(layout="wide", page_title="Gold Analysis Dashboard")
+import plotly.graph_objects as go
+
+# 1. SAYFA AYARLARI (Geniş Ekran ve Koyu Tema)
+st.set_page_config(layout="wide", page_title="Gold Intelligence Dashboard")
+
+# Streamlit Koyu Mod Ayarı
+st.markdown("""
+    <style>
+    .reportview-container {
+        background-color: #0E1117;
+        color: #E0E0E0;
+    }
+    .stHeading1, .stHeading2, .stHeading3, .stHeading4 {
+        color: #F8F9FA !serializable !important;
+    }
+    </style>
+    """, unsafe_allow_html=True)
 
 # 2. VERİ YÜKLEME
 @st.cache_data(show_spinner=False)
@@ -21,74 +35,58 @@ except Exception as e:
     st.error(f"Veri yükleme hatası: {e}")
     st.stop()
 
-# 3. SIDEBAR (SOL PANEL)
-st.sidebar.markdown("# 📅 Filtreler / Filters")
+# 3. SIDEBAR (SOL PANEL - OKUNAKLI)
+st.sidebar.markdown("<h2 style='color: #FFD700;'>📅 Filtreler</h2>", unsafe_allow_html=True)
 years_list = sorted([y for y in df['YEAR'].unique() if y >= 2008])
 year = st.sidebar.selectbox("Yıl Seçin / Select Year", options=years_list, index=0)
 
 filtered_df = df[df['YEAR'] == year].copy()
 
-# 4. ANA BAŞLIK
-st.markdown("<h1 style='text-align: center;'>Gold Price Analysis / Altın Fiyat Analizi</h1>", unsafe_allow_html=True)
+# 4. ANA BAŞLIK VE KARTLAR
+st.markdown("<h1 style='text-align: center; color: #FFD700;'>💰 Gold Price Analysis | Altın Fiyat Analizi Dashboard</h1>", unsafe_allow_html=True)
 st.divider()
 
-# 5. YÖNETİCİ BİLGİ NOTU
-st.markdown("## 💼 Yönetici Bilgi Notu / Executive Summary")
-info_col1, info_col2 = st.columns(2)
-
-with info_col1:
-    if year == 2008:
-        st.warning("### 🇹🇷 2008'de altın güvenli limandır, alım faydalıdır.")
-    else:
-        st.success(f"### 🇹🇷 {year} yılı verileri istikrarlı görünüyor.")
-
-with info_col2:
-    if year == 2008:
-        st.warning("### 🇺🇸 Gold is a safe haven in 2008; buying is beneficial.")
-    else:
-        st.success(f"### 🇺🇸 Data for {year} appears stable.")
+# KARTLAR (Executive Summary'den önce)
+st.markdown("### 📊 Temel Metrikler / Key Metrics")
+k1, k2, k3 = st.columns(3)
+with k1:
+    current_price = filtered_df['GLD'].iloc[-1]
+    st.metric(label=f"Son Fiyat ({filtered_df['Date'].dt.date.iloc[-1]})", value=f"{current_price:.2f}", help="Yılın son işlem fiyatı")
+with k2:
+    peak_price = filtered_df['GLD'].max()
+    st.metric(label=f"{year} Tepe Fiyatı", value=f"{peak_price:.2f}", help="O yılın en yüksek fiyatı")
+with k3:
+    floor_price = filtered_df['GLD'].min()
+    st.metric(label=f"{year} Taban Fiyatı", value=f"{floor_price:.2f}", help="O yılın en düşük fiyatı")
 
 st.divider()
 
-# 6. GRAFİKLER (PLOTLY İLE TİTREMESİZ)
-st.markdown(f"## 📈 {year} Analizi / Analysis")
+# 5. YÖNETİCİ BİLGİ NOTU (OKUNAKLI VE KLAS)
+st.markdown("## 💼 Yönetici Bilgi Notu / Executive Summary")
+info_col1, info_col2 = st.columns(2)
 
-# Ana Grafik (Plotly)
-fig1 = px.line(filtered_df, x='Date', y='GLD', 
-              title=f"{year} Altın Fiyat Hareketi",
-              color_discrete_sequence=['gold'],
-              template="plotly_dark")
-fig1.update_layout(height=400, margin=dict(l=20, r=20, t=40, b=20))
-st.plotly_chart(fig1, use_container_width=True)
+# Uyarıları renkli kartlar yerine daha "temiz" markdown kutularına aldım.
+🇹🇷_msg = "<div style='background-color: #2E3137; padding: 20px; border-left: 5px solid #FFD700; border-radius: 5px;'> <h3 style='color: #F8F9FA;'>🇹🇷 2008'de altın güvenli limandır, alım faydalıdır.</h3> </div>"
+if year != 2008:
+    🇹🇷_msg = f"<div style='background-color: #2E3137; padding: 20px; border-left: 5px solid #28A745; border-radius: 5px;'> <h3 style='color: #F8F9FA;'>🇹🇷 {year} yılı verileri istikrarlı görünüyor. Fiyat hareketleri takibe değer.</h3> </div>"
 
-st.markdown(f"#### 📝 Not: Bu grafik {year} yılındaki günlük fiyat hareketlerini gösterir.")
-st.divider()
+🇺🇸_msg = "<div style='background-color: #2E3137; padding: 20px; border-left: 5px solid #FFD700; border-radius: 5px;'> <h3 style='color: #F8F9FA;'>🇺🇸 Gold is a safe haven in 2008; buying is beneficial.</h3> </div>"
+if year != 2008:
+    🇺🇸_msg = f"<div style='background-color: #2E3137; padding: 20px; border-left: 5px solid #28A745; border-radius: 5px;'> <h3 style='color: #F8F9FA;'>🇺🇸 Data for {year} appears stable. Price action warrants monitoring.</h3> </div>"
 
-# Yan Yana Grafikler
-c1, c2 = st.columns(2)
-
-with c1:
-    st.markdown("### 🎯 Dağılım / Distribution")
-    fig2 = px.histogram(filtered_df, x="GLD", nbins=30, 
-                       marginal="rug", color_discrete_sequence=['orange'],
-                       template="plotly_dark")
-    fig2.update_layout(height=350)
-    st.plotly_chart(fig2, use_container_width=True)
-
-with c2:
-    st.markdown("### 🌡️ Korelasyon / Correlation")
-    num_df = filtered_df.select_dtypes(include=['number']).corr()
-    fig3 = px.imshow(num_df, text_auto=True, color_continuous_scale='YlOrBr',
-                    template="plotly_dark")
-    fig3.update_layout(height=350)
-    st.plotly_chart(fig3, use_container_width=True)
+with info_col1:
+    st.markdown(🇹🇷_msg, unsafe_allow_html=True)
+with info_col2:
+    st.markdown(🇺🇸_msg, unsafe_allow_html=True)
 
 st.divider()
 
-# 7. VERİ TABLOSU (Her Zaman Açık ve Hatasız)
-st.markdown("### 📋 Veri Tablosu / Data Table")
-# Loglardaki width hatasını düzeltmek için width="stretch" yerine otomatik yapıya geçtik
-st.dataframe(filtered_df.head(10), use_container_width=True)
+# 6. GRAFİKLER (KLAS RENKLER VE TİTREMESİZ PLOTLY)
+st.markdown(f"## 📈 {year} Analizi / Analysis")
 
-csv = filtered_df.to_csv(index=False).encode('utf-8')
-st.download_button("📥 Veriyi İndir / Download CSV", data=csv, file_name=f'gold_{year}.csv')
+# Ana Grafik (Plotly Go ile daha detaylı alan grafiği)
+fig1 = go.Figure()
+fig1.add_trace(go.Scatter(x=filtered_df['Date'], y=filtered_df['GLD'],
+                          mode='lines',
+                          line=dict(color='#FFD700', width=3),
+                          fill='tozeroy', fillcolor='rgba(255, 215, 0, 0.1)',