Update src/streamlit_app.py

src/streamlit_app.py

@@ -2,65 +2,45 @@ import streamlit as st
 import pandas as pd
 import plotly.express as px
 import plotly.graph_objects as go
-import numpy as np
 
 # 1. SAYFA AYARLARI VE ÖZEL TASARIM (CSS)
 st.set_page_config(layout="wide", page_title="Gold Intelligence Dashboard")
 
-# İstediğin "Aydınlık Arka Plan + Koyu Grafikler" Tasarımı için CSS
 st.markdown("""
     <style>
-    /* 1. Sayfa Arka Planını Aydınlık Yapalım (White) */
+    /* 1. Aydınlık Arka Plan */
     .stApp {
         background-color: #FFFFFF;
-        color: #1A1A1A; /* Temel yazı rengi koyu */
     }
     
-    /* 2. Aydınlık Fondaki Başlıkların Renkleri */
-    h1.main-title {
-        color: #B28F2D !important; /* Premium Koyu Altın */
-        text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
-    }
-    h2, h3, h4, p, span, div, li {
-        color: #1A1A1A !important;
-    }
-    
-    /* 3. Metrik Değerlerini Kocaman ve Kalın Yapalım (Ferah Fondan Bağımsız) */
+    /* 2. Metrik Değerlerini Kocaman ve Kalın Yap (İsteğin Üzerine) */
     [data-testid="stMetricValue"] {
-        font-size: 60px !important; /* Değeri kocaman yap */
-        font-weight: 900 !important; /* En kalın yazı */
-        color: #B28F2D !important; /* Rakamlar koyu altın sarısı */
-        letter-spacing: -2px; /* Harf aralarını daralt, şık durur */
+        font-size: 70px !important; 
+        font-weight: 900 !important; 
+        color: #B28F2D !important;
+        line-height: 1.2;
     }
     
-    /* 4. Metrik Etiketlerini (Label) de Netleştirelim */
+    /* 3. Metrik Etiketleri */
     [data-testid="stMetricLabel"] p {
-        font-size: 18px !important;
-        color: #4A4A4A !important;
-        margin-bottom: -10px !important;
+        font-size: 20px !important;
+        color: #333333 !important;
+        font-weight: bold !important;
     }
 
-    /* 5. GRAFİKLERİ ÇEVRELEYEN KOYU ALANLAR (Paylaştığın Örnekteki Gibi) */
+    /* 4. GRAFİK KUTULARI (Siyah Çerçeve ve Gölge) */
     .plot-container {
-        background-color: #000000; /* Grafik arka planı tam siyah */
-        border-radius: 12px;
-        box-shadow: 0 6px 10px rgba(0,0,0,0.2);
-        padding: 15px;
-        border: 2px solid #222222; /* Hafif bir çerçeve */
-        margin-bottom: 20px;
+        background-color: #000000;
+        border-radius: 15px;
+        padding: 20px;
+        box-shadow: 0 8px 16px rgba(0,0,0,0.2);
+        border: 1px solid #333333;
     }
-    
-    /* 6. SideBar (Sol Panel) Ferah Kalsın */
-    .css-163utfM, .css-hxt7ib {
-        background-color: #F8F9FA !important;
-        border-right: 1px solid #E0E0E0;
-    }
-    
-    /* 7. Grafik İçindeki Yazıların Beyaz Kalmasını Garanti Altına Alalım */
-    .plot-container g.g-xtitle, .plot-container g.g-ytitle, .plot-container g.g-title {
-        fill: #F8F9FA !important;
+
+    /* 5. Yazı Renklerini Sabitle */
+    h1, h2, h3, h4, p, span {
+        color: #1A1A1A !important;
     }
-    
     </style>
     """, unsafe_allow_html=True)
 
@@ -83,20 +63,17 @@ except Exception as e:
 # 3. SIDEBAR
 st.sidebar.markdown("<h2 style='color: #B28F2D;'>📅 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)
-
+year = st.sidebar.selectbox("Yıl Seçin", options=years_list, index=0)
 filtered_df = df[df['YEAR'] == year].copy()
 
-# 4. ANA BAŞLIK
-st.markdown("<h1 class='main-title' style='text-align: center; font-size: 45px;'>💰 Gold Price Intelligence</h1>", unsafe_allow_html=True)
-st.markdown("<p style='text-align: center; color: #4A4A4A;'>Altın Fiyat Analizi ve Stratejik Öngörü Paneli</p>", unsafe_allow_html=True)
+# 4. ANA BAŞLIK (Tam İstediğin Şekilde)
+st.markdown("<h1 style='text-align: center; color: #B28F2D; font-size: 42px;'>💰 Gold Price Intelligence / Altın Fiyat Analizi ve Stratejik Öngörü Paneli</h1>", unsafe_allow_html=True)
 st.divider()
 
-# 📈 METRİK KARTLARI (KOCAMAN VE KALIN - AYDINLIK FONDAN PARLAR)
+# 📈 METRİK KARTLARI (DEVASA BOYUT)
 m1, m2, m3 = st.columns(3)
 with m1:
-    current_price = filtered_df['GLD'].iloc[-1]
-    st.metric(label="Son Kapanış Fiyatı (GLD)", value=f"{current_price:.2f}")
+    st.metric(label="Son Kapanış Fiyatı (GLD)", value=f"{filtered_df['GLD'].iloc[-1]:.2f}")
 with m2:
     st.metric(label=f"{year} Tepe Noktası", value=f"{filtered_df['GLD'].max():.2f}")
 with m3:
@@ -104,83 +81,49 @@ with m3:
 
 st.divider()
 
-# 5. YÖNETİCİ BİLGİ NOTU (FERAH FONDAN NET OKUNUR)
+# 5. YÖNETİCİ BİLGİ NOTU
 st.markdown("## 💼 Yönetici Bilgi Notu / Executive Summary")
 info_col1, info_col2 = st.columns(2)
-
-if year == 2008:
-    tr_text = "🇹🇷 2008'de altın güvenli limandır, alım faydalıdır."
-    us_text = "🇺🇸 Gold is a safe haven in 2008; buying is beneficial."
-    box_color = "#FFF8E1" # Çok açık altın sarısı kutu
-    border_color = "#B28F2D" # Koyu Altın sarısı çizgi
-else:
-    tr_text = f"🇹🇷 {year} yılı verileri istikrarlı görünüyor. Teknik analiz önerilir."
-    us_text = f"🇺🇸 Data for {year} appears stable. Technical analysis recommended."
-    box_color = "#E8F5E9" # Çok açık yeşil kutu
-    border_color = "#28A745" # Yeşil çizgi
-
-tr_msg = f"<div style='background-color: {box_color}; padding: 25px; border-left: 6px solid {border_color}; border-radius: 8px;'> <h3 style='margin:0; color: #1A1A1A;'>{tr_text}</h3> </div>"
-us_msg = f"<div style='background-color: {box_color}; padding: 25px; border-left: 6px solid {border_color}; border-radius: 8px;'> <h3 style='margin:0; color: #1A1A1A;'>{us_text}</h3> </div>"
-
+box_style = "padding: 20px; border-left: 8px solid #B28F2D; background-color: #F9F9F9; border-radius: 10px;"
 with info_col1:
-    st.markdown(tr_msg, unsafe_allow_html=True)
+    st.markdown(f"<div style='{box_style}'><h3>🇹🇷 {year} yılı verileri teknik analiz için uygundur.</h3></div>", unsafe_allow_html=True)
 with info_col2:
-    st.markdown(us_msg, unsafe_allow_html=True)
+    st.markdown(f"<div style='{box_style}'><h3>🇺🇸 Data for {year} is suitable for technical analysis.</h3></div>", unsafe_allow_html=True)
 
 st.divider()
 
-# 6. GRAFİKLER (PAYLAŞTIĞIN ÖRNEKLERDEKİ GİBİ SİYAH ÇERÇEVELİ)
-st.markdown(f"## 📈 {year} Piyasa Hareketi / Market Action")
+# 6. GRAFİKLER (GENİŞ VE KOYU KUTULU)
+st.markdown(f"## 📈 {year} Piyasa Analizi")
 
-# Ana Grafik (Zaman Serisi - image_1.png Renkleri)
+# ANA GRAFİK (TAM GENİŞLİK)
 fig1 = go.Figure()
 fig1.add_trace(go.Scatter(x=filtered_df['Date'], y=filtered_df['GLD'],
-                          mode='lines',
-                          line=dict(color='#FFD700', width=3), # Siyah çerçeve içinde net sarı
-                          fill='tozeroy', fillcolor='rgba(255, 215, 0, 0.08)')) # Hafif dolgu
-
-fig1.update_layout(template="plotly_dark", height=480, # Koyu şablon
-                  paper_bgcolor='#000000', plot_bgcolor='#000000', # Grafik içi tam siyah
-                  title=f"{year} Altın Fiyat Hareketi | Alan Analizi",
-                  xaxis_title="Tarih / Date", yaxis_title="GLD Fiyatı / Price",
-                  margin=dict(l=40, r=40, t=60, b=40),
-                  font=dict(color="#F8F9FA")) # Eksen yazıları beyaz
-fig1.update_xaxes(showgrid=False) 
-fig1.update_yaxes(showgrid=True, gridcolor='#222222') # Çok hafif ızgara
-
+                          line=dict(color='#FFD700', width=3),
+                          fill='tozeroy', fillcolor='rgba(255, 215, 0, 0.1)'))
+fig1.update_layout(template="plotly_dark", paper_bgcolor='black', plot_bgcolor='black', height=500, margin=dict(l=20,r=20,t=20,b=20))
 st.plotly_chart(fig1, use_container_width=True)
 
-st.markdown(f"#### 📝 Not: Bu grafik {year} yılındaki günlük fiyat hareketlerini gösterir.")
-st.divider()
+st.write("") # Boşluk
 
-# Yan Yana Grafikler
+# YAN YANA GRAFİKLER (GENİŞLETİLMİŞ)
 c1, c2 = st.columns(2)
-
 with c1:
     st.markdown("### 🎯 Dağılım / Distribution")
-    # Histogram (image_2.png Renkleri)
-    fig2 = px.histogram(filtered_df, x="GLD", nbins=25,
-                       marginal="rug", color_discrete_sequence=['#FFD700'], # Siyah zemin üzerine sarı
-                       template="plotly_dark")
-    fig2.update_layout(height=380, font=dict(color="#F8F9FA"), paper_bgcolor='#000000', plot_bgcolor='#000000')
-    fig2.update_xaxes(title="GLD Fiyatı", showgrid=False)
+    fig2 = px.histogram(filtered_df, x="GLD", nbins=30, color_discrete_sequence=['#FFD700'], template="plotly_dark")
+    fig2.update_layout(paper_bgcolor='black', plot_bgcolor='black', height=450)
     st.plotly_chart(fig2, use_container_width=True)
 
 with c2:
     st.markdown("### 🌡️ Korelasyon / Correlation")
-    # Heatmap (image_3.png Renkleri)
     num_df = filtered_df.select_dtypes(include=['number']).corr()
-    fig3 = px.imshow(num_df, text_auto=True, color_continuous_scale='YlOrRd', # Sarı-Turuncu-Kırmızı
-                    template="plotly_dark")
-    fig3.update_layout(height=380, font=dict(color="#F8F9FA"), paper_bgcolor='#000000', plot_bgcolor='#000000')
+    fig3 = px.imshow(num_df, text_auto=True, color_continuous_scale='YlOrRd', template="plotly_dark")
+    fig3.update_layout(paper_bgcolor='black', plot_bgcolor='black', height=450)
     st.plotly_chart(fig3, use_container_width=True)
 
 st.divider()
 
-# 7. VERİ TABLOSU (Her Zaman Açık, Temiz ve Net)
-st.markdown("### 📋 Detaylı Veri Seti / Detailed Dataset")
-# Beyaz modda tablo verileri otomatik net ve okunur.
-st.dataframe(filtered_df.head(15), use_container_width=True)
-
-csv = filtered_df.to_csv(index=False).encode('utf-8')
-st.download_button("📥 Raporu İndir (CSV)", data=csv, file_name=f'gold_report_{year}.csv')
+# 7. DETAYLI VERİ SETİ (KAPALI - TIKLAYINCA AÇILIR)
+with st.expander("📋 Detaylı Veri Seti / Detailed Dataset"):
+    st.dataframe(filtered_df, use_container_width=True)
+    csv = filtered_df.to_csv(index=False).encode('utf-8')
+    st.download_button("📥 Veriyi İndir (CSV)", data=csv, file_name=f'altin_verisi_{year}.csv')