Vitrin
css/lumii-ui.css + charts/chart-theme.js — tüm veriler sentetik
Tema kataloğu
Bir renk seç: zemin, çizgi, metin, düğme, durum rengi ve grafik serileri bu renkten türetilir (theme/theme.js · OKLCH)
| Ön plan / zemin | Oran | Durum |
|---|
- Ana renk
- seçilen renk; yüzeyde < 4,5:1 ise açıklığı (L) kaydırılır
- Hover / basılı
- L ∓ 0,06 / ∓ 0,12 (koyuda ±)
- Yumuşak zemin
- L 0,935 · C = min(C × 0,3; 0,045)
- Nötrler
- ana rengin tonu, C = min(C; 0,16) × 0,13 × nötr ton
- Seri 2 / 3
- ton −95° / +85°, L 0,52 (koyuda 0,74)
- Durum
- yeşil / sarı / kırmızı sabit, yalnız moda göre açılır
Üretilen CSS
Renk token'ları
css/tokens.css — bileşenler yalnız bu değişkenleri okur
Sayfa başlığı — 1,5rem / 400
Kart başlığı — 1,25rem / 700
Gövde metni — 1rem / 400, satır 1,5
İkincil metin — .small .muted
Bileşenler
Düğmeler
Chip & rozet
Anahtar–değer & yükleniyor
- Kimya
- LFP
- PCS
- 12.000 kVA
- 10 yıl sonra kapasite
- %82,4
Tablo
tabular-nums, sağa yaslı sayılar, vurgulu satır
| Türbin | Azaman % | Enerji MWh | Yaw ° |
|---|---|---|---|
| WTG01 | 99,1 | 10.842 | 0,4 |
| WTG02 | 98,7 | 10.511 | −0,8 |
| WTG05 | 96,2 | 9.604 | 6,1 |
| WTG08 | 98,9 | 10.377 | 0,2 |
Form (what-if)
Grafikler
Zaman serisi
chartOptions — MW, gerçekleşen vs plan
Çubuk (kategori)
chartOptions {type:'bar', category:true}
Olasılıksal tahmin (fan)
fanOptions — P10–P90 bandı + P50 + gerçekleşen
Alan
chartOptions {type:'area'} — üretim ve tüketim
Yığılmış sütun
chartOptions {type:'bar', stacked:true} — kayıp kırılımı
Yatay çubuk
chartOptions {horizontal:true} — türbin sıralaması
Karma: sütun + çizgi
seri başına type — enerji ve kapasite faktörü
Halka
donutOptions — 3 kategori + Diğer (nötr)
Gösterge
radialOptions — tek değer yarım daire
Halkalı gösterge
radialOptions — 3 değer
Isı haritası
heatmapOptions — gün × saat ortalama güç, tek renk tonu
Radar
radarOptions — türbin karşılaştırma
Saçılım
chartOptions {type:'scatter', numeric:true} — güç eğrisi (rüzgar hızı × güç)