Armada

Isı haritası

Yıllık katkı takvimi ve satır × sütun matrisi.

Grafikler VHeatmap (labs) 2 örnek

Yıllık takvim

Son 52 hafta; en güncel hafta görünür kalır.

Eki Kas Ara Oca Şub Mar Nis May Haz Tem Ağu Eyl Eki Pts Çar Cum Paz
Az Çok
Kodu göster
blade
@php
    $days = [];
    for ($d = now()->subWeeks(52); $d <= now(); $d = $d->addDay()) {
        $seed = crc32($d->toDateString());
        $days[$d->toDateString()] = $d->isWeekend() ? $seed % 7 : $seed % 4;
    }
@endphp
<armada:heatmap :values="$days" unit="yayın" />

Matris

Gün × saat yoğunluğu, değerler hücrede.

0003060912151821 Pzt 1 6 6 43 38 Sal 6 6 14 46 39 Çar 4 10 40 43 Per 1 9 7 47 41 Cum 5 7 14 46 40 Cmt 6 10 13 18 20 25 63 59 Paz 8 12 12 13 24 24 55 54
Az Çok
Kodu göster
blade
@php
    $hours = ['00', '03', '06', '09', '12', '15', '18', '21'];
    $matrix = collect(['Pzt', 'Sal', 'Çar', 'Per', 'Cum', 'Cmt', 'Paz'])->mapWithKeys(fn ($day, $i) => [
        $day => collect($hours)->mapWithKeys(fn ($h, $j) => [$h => max(0, (int) round((in_array($h, ['18', '21']) ? 40 : 10) + ($i >= 5 ? 15 : 0) - abs($j - 6) * 4 + (crc32($day.$h) % 9)))])->all(),
    ])->all();
@endphp
<armada:heatmap type="matrix" :values="$matrix" tone="success" show-values unit="izleyici" />

Özellikler

<armada:heatmap>

Prop Varsayılan Not
values [] calendar: ['2026-10-11' => 4, …] · matrix: ['Pzt' => ['00' => 3, '01' => 0, …], …]
type 'calendar' calendar (GitHub-style year) | matrix (rows × columns)
from null
to null
tone 'primary'
locale null
unit null tooltip suffix, e.g. "yayın"
show-values false matrix: print numbers inside cells
legend true
Sonuç yok