Durumlar, renkler ve görünümler

shinydashboard ile Panolar Oluşturma

Png Kee Seng

Researcher

Bir restoranı güzelleştirmek

Panoyu özelleştirmek, restoranı güzelleştirmeye benzer
Önce gözle yeriz denir
Daha çekici bir pano, daha iyi bir kullanıcı deneyimi sunar
Bazı öğelerin renklerini değiştirmeye odaklanalım

Güzelleştirilmiş restoran ve iştah açıcı yemek.

¹ Görsel: Freepik

shinydashboard’da durumlar

Bazı shinydashboard nesnelerinin status özelliği vardır
Bu durumlar status argümanı ile ayarlanır
```
<object>(status = <status>, ...)
```

Bir shinydashboard’daki durumlar

notificationItem’larda durumlar

Başlığa iki bildirim öğesi ekleyelim
- Alım uyarısını başarı mesajı yapın
- Satış uyarısını tehlike mesajı yapın
notificationItem() için varsayılan durum "success"’tır

notificationItem için success ve danger durumları.

header <- dashboardHeader(
  ...
  dropdownMenu(type = "notifications",

       notificationItem("Sell alert",

       status = "danger"

       ),

       notificationItem("Buy alert",

       status = "success"

       )

))
...

Kutularda durumlar

status boş bırakılırsa kutu renksiz olur
status değerini "info" yapın
Başlığı ayarlayın
solidHeader = TRUE yapın

...
body <- dashboardBody(...,
        box("Stock name",

        title="Stock name title",

        width = 6,

        status = "info",

        solidHeader = TRUE)),

...

Info durumlu kutu.

Info durumu ve başlığı olan kutu.

Info durumu, başlık ve dolu başlıkla kutu.

shinydashboard’a renk ekleme

Bazı shinydashboard nesnelerinde color ayarlanabilir
close fiyatı dünden beri %2 düştü diyelim
- Sally’i uyarmak için valueBox()’ı kırmızı renkle oluşturun

valueBox() renklendirilebilir.

...
body <- dashboardBody(...,

    valueBox("Close (%)", 
            "-2%", 
            width = 2,

            color = "red"

            ),

    ...)
...

Daha fazla renk

shinydashboard’daki mevcut renkler:

shinydashboard’da mevcut renkler.

Mevcut durum ve renkleri ?validStatuses ve ?validColors ile görebilirsiniz

shinydashboard’da görünümler (skin)

shinydashboard içinde ön tanımlı görünümler vardır
dashboardPage() içinde skin argümanı ile uygulanır

dashboardPage(skin = <color>)

Olası renkler

"blue" (varsayılan)
"black"
"purple"
"green"
"red"
"yellow"

Farklı görünümleri deneme

Denemek için rengi mor yapın
Farkları görmek için rengi siyah yapın

ui <- dashboardPage(skin = "purple",
                    header, sidebar, body)

ui <- dashboardPage(skin = "black",
                    header, sidebar, body)

Mor görünüm.

Siyah görünüm.

Hadi pratik yapalım!

shinydashboard ile Panolar Oluşturma