Liquid Gauge: Sıvı Ölçek
Sıvı Ölçek (Liquid Fill Gauge) bileşeni, bir hedefin (veya toplam kapasitenin) yüzde kaçına ulaşıldığını, içi sıvı ile dolan animasyonlu bir daire (veya küre) formatında görselleştiren oldukça estetik ve dikkat çekici bir KPI aracıdır.
Bu bileşen; depolama alanlarındaki doluluk oranları (sunucu kapasitesi, fiziksel stoklar), aylık/yıllık satış hedeflerinin gerçekleşme yüzdeleri, anket memnuniyet skorları veya bağış/fon toplama kampanyalarındaki ilerleme durumu gibi 'Bardağın ne kadarı dolu?' mantığıyla çalışan senaryolar için özel olarak tasarlanmıştır.
Bileşenin en büyük avantajı, statik çubuklara (bar) veya standart göstergelere kıyasla, içerisindeki dinamik dalgalanma efekti (sıvı animasyonu) sayesinde yöneticilerin ve kullanıcıların dikkatini anında üzerine çekmesi ve okumayı çok daha keyifli hale getirmesidir.
Sıvı Ölçek Grafiğinin Eklenmesi
Sıvı Ölçek Grafiği eklemek için Plugin Listesi içerisinden Sıvı Ölçek bileşeni seçilir ve kumanda tablosuna eklenir.
Bileşen eklendikten sonra dairenin içindeki sıvı seviyesini belirleyecek olan Ölçü Değeri, Maksimum, Minimum ve Hedef Değer alanları eşleştirilerek yapılandırma tamamlanır.
Güneş Işını Grafiği Araçları
Sıvı Ölçek bileşeni seçildiğinde üst menüde aşşağıdaki araçlar görüntülenir.
Araçları Aç/Kapat: Görsel ile ilgili düzenleme yapılan ikonların açıp kapatıldığı ikondur.
Veri: Kullanıcının kendi verileriyle görseli şekillendireceği alandır.
Ayarlar: Görselin renk/başlık gibi biçimsel özelliklerinin değiştirildiği alandır.
Yenile: Veri alanı ile grafiğin çalışması ve grafiğin yenilenmesini sağlar.
Kaldır: Görseli silmek için kullanılan alandır. “Kaldır” ikonuna tıklandığında “Bu plugini silmek istiyor musunuz?” şeklinde uyarı çıkmaktadır.
Veri Yapılandırması
Sıvı Ölçek Grafiğinin oluşturulabilmesi için kullanılacak veri alanlarının tanımlanması gerekmektedir. Bu işlem Veri ekranı üzerinden gerçekleştirilir.
Tablolar & Kolonlar : Seçili modelde var olan tablo ve kolonların bulunduğu alandır. Tablolar & Kolonlar bölümünde yer alan kolonlar, sağ tarafta bulunan bölümlere sürükle-bırak ile eklenir.
Kolon Eşleştirmeleri
Sıralama ve Limit: Kolon verisinin artan/azalan şekilde sıralamasının yapıldığı alandır.
Ölçü Değeri: Grafiği şekillendirmek için kullanılacak sayısal verinin eklendiği alandır.
Maksimum: Grafiğin oranının hesaplanabilmesi için ulaşabileceği en üst sınırı belirlemek amacıyla kullanılan sayısal verinin eklendiği alandır.
Minimum: Grafiğin alt sınırını, başlangıç noktasını veya taban değerini belirlemek için kullanılan sayısal verinin eklendiği alandır.
Hedef Değer: Ölçü değerinin ulaşması beklenen amacı veya mevcut durumun kıyaslanacağı referans noktasını (kota, bütçe hedefi, başarı kriteri vb.) belirlemek için kullanılan verinin eklendiği alandır.
Saklı Alan: Grafikte görüntülenmeyecek ancak sıralama veya hesaplama işlemlerinde kullanılacak kolonların eklenmesini sağlar.
Yapılandırma Ayarları
Sıvı Ölçek Grafiğine ait görünüm ve davranış ayarları Ayarlar ekranı üzerinden yönetilir.
Genel Görünüm
Çember Kalınlığı: Grafiği çevreleyen dış çemberin kalınlığını belirler.
Yazı Pozisyonu (Dikey): Grafiğin içindeki ölçüm değerinin dikey konumunu belirler. (En üst = 1, En alt = 0, Orta Konum = 0.5)
Minimum Değer: Grafikte gösterilecek minimum değeri belirler. Bu değer, sıvı yüksekliğinin hesaplanmasında referans alınır.
Dalga Yüksekliği: Sıvının dalga formundaki yüksekliğini belirler. Daha yüksek bir değer, daha belirgin dalga hareketi oluşturur.
Çember Doldurma Boşluğu: Sıvının çember kenarına ne kadar yakın dolacağını belirler. Daha düşük değer, sıvının çembere daha yakın görünmesini sağlar.
Dalga Sayısı: Grafikte aynı anda görünecek dalga tepe sayısını belirler. Artan dalga sayısı, görsel hareketliliği artırır.
Başlık Ayarlar
Başlık: Grafiğe verilecek başlığın tanımlandığı alandır.
Başlık Hizası: Grafik başlığının sola, ortaya veya sağa hizalanmasını sağlar.
Başlık Yazı Stilleri: Grafik başlığının kalın, italik veya altı çizili gibi yazı stilleriyle biçimlendirilmesini sağlar.
Başlık Yazı Stili: Grafik başlığında kullanılacak yazı tipini (font) belirlemenizi sağlar.
Başlık Yazı Boyutu: Grafik başlığının boyutunu ayarlamanızı sağlar.
Başlık Yazı Rengi: Grafik başlığının metin renginin değiştirilmesini sağlar.
Başlık özelliklerini rapordaki diğer pluginlere uygula: Tanımlanan başlık ayarlarının (stil, renk, hizalama vb.) aynı dashboard içindeki diğer grafik bileşenlerinin başlıklarına da otomatik olarak uygulanmasını sağlar.
Diğer
Dalga Yükselme Süresi: Grafikteki dalganın (sıvı dolgu efektinin) başlangıç seviyesinden (minimum), asıl değere (ölçü değeri) kadar yükselmesi için geçecek olan animasyon süresini belirleyen alandır.
Dalga Animasyon Süresi: Dalganın kendi etrafında yaptığı sürekli salınım veya dalgalanma hareketinin hızını (bir tam döngünün ne kadar süreceğini) belirleyen alandır. Değer küçüldükçe dalgalanma hızlanır.
Dalga Yükseklik Boyutlandırması: Dalga genliğinin (dalganın tepe ve çukur noktaları arasındaki yükseklik farkının), grafiğin genel boyutuna veya doluluk oranına göre orantılı olarak otomatik ayarlanıp ayarlanmayacağını (aktif/pasif) belirleyen seçenektir.
Çember Doldurma Boşluğu: Grafiğin en dış sınırı (çember çizgisi) ile içeride hareket eden sıvı dolgu alanı arasında estetik bir boşluk bırakılıp bırakılmayacağını belirleyen seçenektir.
Yüzdeli Göster: Grafiğin merkezinde yazacak olan metnin, ham sayısal ölçü değeri yerine kapasiteye oranlanmış bir yüzde (%) formatında gösterilip gösterilmeyeceğini kontrol eden seçenektir.
Veri Yok Ayarları
Veri Yok Açıklaması: Veri gelmediğinde kullanıcıya gösterilecek mesajı belirler. Default olarak “Seçilen kriterlerde veri bulunamadı. Plugin görselleştirilemedi.” mesajı görünür.
Veri Yok Yazı Stilleri: Mesajı kalın , italik veya altı çizili yapmanı sağlar.
Veri Yok Yazı Stili: Yazı tipini/fontunu belirler.
Veri Yok Yazı Boyutu: Mesajın font büyüklüğünü belirler.
Veri Yok Yazı Rengi: Mesajın hangi renkte gösterileceğini belirler.
Kullanım Örneği
Örnekte Satış Hedefi Gerçekleşme Yüzdesi verisi gösterilmektedir. Grafiğin dış sınırları belirlenen maksimum satış hedefini (tam kapasiteyi), içerideki sıvı dolgusu ise bu hedefin ne kadarının başarıldığını temsil eder. Sıvının yüksekliği ve doluluk seviyesi, gerçekleşen satış başarısına (örnekteki %79 değerine) göre belirlenmektedir.
Grafiğin merkezinde yer alan %79 ibaresi, dönemsel satış kotasının ulaşılan mevcut hacminin toplam hedef içerisindeki yüzdelik payını net ve dikkat çekici bir şekilde gösterir.
Sıvı ölçek grafiği özellikle aşağıdaki durumlarda kullanılabilir:
Belirlenen bir hedefe (satış kotası, bütçe hedefi, üretim kapasitesi) ne kadar yaklaşıldığının anlık olarak takip edilmesi,
Toplam kapasite içerisindeki doluluk veya kullanım oranlarının (örneğin depo veya sunucu doluluğu) analiz edilmesi,
Performans metriklerinin ilerleme yüzdesinin görsel bir animasyonla vurgulanması.
Bu örnekte kullanılan alanlar:
Ölçü Değeri: Aylık Satış Hedefi Gerçekleşme... (Sıvının yüksekliğini ve merkezdeki yüzde değerini belirleyen ana gerçekleşen metrik)
Maksimum / Hedef Değer: Memnuniyet Puanı (1-5) (Görseldeki veri setinde üst sınırı veya %100'lük hedef kapasiteyi belirlemek için eşleştirilen alan)
Bu yapı sayesinde kullanıcı, mevcut satış performansının belirlenen hedefe ne ölçüde ulaştığını ve geriye kalan potansiyeli tek bir görsel üzerinden hızlıca inceleyebilir.
Last updated