Heatmap #234
Heatmap #234
Conversation
| class="h-full pr-2 align-middle font-mono text-sm font-semibold leading-none tracking-tight" | ||
| > | ||
| <HoverCard.Root> | ||
| <HoverCard.Trigger>{'Auslastung'}</HoverCard.Trigger> |
There was a problem hiding this comment.
Warum Auslastung?
Warum mit {'?
There was a problem hiding this comment.
Ich habe nach einem kurzen Wort gesucht, damit es gut in die Übersicht passt. Es sollte beschreiben, wie sehr der Zeitslot von den anderen Taxiunternehmern ausgelastet ist.
| Eine Heatmap, die die Verfügbarkeiten der anderen Taxiunternehmer anzeigt. Farbcodierung: | ||
| linear, [1, 10] |
| case 0: | ||
| return; | ||
| case 1: | ||
| return 'bg-rose-100'; | ||
| case 2: | ||
| return 'bg-rose-200'; | ||
| case 3: | ||
| return 'bg-rose-300'; | ||
| case 4: | ||
| return 'bg-rose-400'; | ||
| case 5: | ||
| return 'bg-rose-500'; | ||
| case 6: | ||
| return 'bg-rose-600'; | ||
| case 7: | ||
| return 'bg-rose-700'; | ||
| case 8: | ||
| return 'bg-rose-800'; | ||
| case 9: | ||
| return 'bg-rose-900'; | ||
| case 10: | ||
| return 'bg-rose-950'; | ||
| default: | ||
| return; |
There was a problem hiding this comment.
Unklar aus Nutzersicht was die Farbe bedeutet.
| let normval = Math.floor((heat.heat / max) * 10); | ||
| normval = heat.heat > 0 ? Math.max(1, normval) : 0; |
There was a problem hiding this comment.
Nicht nachvollziehabar aus Nutzersicht.
|
Ok, ich könnte statt einer Heatmap eine Art Ampel machen, grün = keine Auslastung, |
3 participants
Heatmap stellt die Verfügbarkeitsauslastung der anderen Taxiunternehmer dar.