Power BI Footbal Dashboard
Power BI sadece basit pasta grafikler değildir.” Bu cümleyi uzun zamandır söylüyorum; bu yazıda nedenini göstermek istiyorum. Son çalışmamda, Power BI içinde HTML Content görseli, DAX ve biraz HTML/CSS ile; Fenerbahçe, Galatasaray ve Beşiktaş için modern, tematik bir futbol analitiği dashboard’u oluşturdum. Piksel hassasiyetinde arayüzler, canlı görseller ve akıcı bir kullanıcı deneyimi… hepsi Power BI’ın içinde bir Dashboard.
Neyi inşa ettim?
- Kulüp kartları: FB / GS / BJK renkleri ve logolarıyla, toplam değer, kadro genişliği, yaş ortalaması, stat kapasitesi gibi KPI’lar.
- Transfer bilançosu: Gelir–Gider–Net (kompakt, okunaklı rozetlerle).
- Kadro paneli: Oyuncu fotoğrafları, isim, doğum tarihi, piyasa değeri, mevki. Sticky tablo başlığı ve kart içine gömülü scroll ile.
- Footer şeridi (1750×200): Microsoft MVP banner’ı, kaynak, üretici ve sosyal bağlantılar.
Tüm bu bileşenler, Power BI tarafında tek bir HTML string döndüren ölçüler olarak çalışıyor.
Neden HTML Content?
- UI/UX esnekliği: Grid, badge, sticky header, hover ve overlay gibi modern arayüz kalıplarını aynen taşıyabiliyorum.
- Marka uyumu: Kulüp renkleri, görseller ve tipografiyle güçlü bir hikâye anlatımı.
- Bakım kolaylığı: DAX içinde değişkenlerle içerik dinamik; CSS değişince tüm görünüm aynı anda güncelleniyor.
HTML Content görseli: kritik ayarlar
- Sanitize / Allow CSS: CSS’nin çalışması için inline CSS’e ve harici görsellere izin verin.
- Ölçüler:
- Kartlar: 550 × 775 px
- Footer: 1750 × 200 px
- Arka plan: Görsel arka planını transparent yapın; kartın gradient’i zaten içeride.
Adım adım hızlı kurulum (Power BI)
- AppSource’tan HTML Content görselini ekleyin.
- Her kulüp için bir HTML ölçüsü oluşturun (FB/GS/BJK).
- Görseli rapora bırakın, ilgili ölçüyü Fields → Values/HTML alanına atın.
- Format → Boyutları piksel olarak ayarlayın, CSS ve dış görsellere izin verin.
- Footer için ikinci bir HTML görseli ekleyin (1750×200).
Faydalı olması dileğiyle…
