Graphiques
Activity cell heatmap
Une grille de calendrier composée de petits carrés teintés qui balaye une onde diagonale et permet à une bande de niveau d'isoler une intensité à la fois.
Utiliser Activity cell heatmap
Une grille de calendrier composée de petits carrés teintés qui balaye une onde diagonale et permet à une bande de niveau d'isoler une intensité à la fois.
Utilisez cette carte thermique calendaire pour explorer une présentation compacte de l’activité avec cinq niveaux d’intensité et une légende de couleurs commune.
Modifiez le nombre de semaines et le premier jour de la semaine pour comparer les mises en page du tableau de bord. Survolez un jour ou donnez-lui le focus pour voir son détail lorsque l’interaction est activée.
Cette implémentation génère des données d’exemple déterministes autour d’une date fixe. Connectez des données réelles et actualisez le modèle de dates avant de la présenter comme un rapport d’activité en direct.
Propriétés: accent, weeks, gap, cornerRadius, weekStart, interactive
Quels frameworks sont disponibles ?
Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.
Comment accéder à l’implémentation ?
Le code, les versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.
