Grid Charts
Basculez aussi le thème clair/sombre : les textes, axes et grilles suivent DaisyUI.
Waffle
Trois séries sur un total de 100 : les cellules restantes montrent ce qui n'est pas couvert.
- men
- women
- children
Waffle — une seule part d'un objectif
total=100 avec une seule série à 42 : c'est là que le waffle bat le camembert, il montre ce qui manque.
Calendar
Une année de jours. La palette est séquentielle et non catégorielle : les cellules codent une quantité, les couleurs doivent donc être ordonnées. legend n'est pas allumée par défaut sur ce graphe ni sur TimeRange — elle l'est ici pour montrer l'échelle.
TimeRange
Même grille, mais sur une période arbitraire plutôt qu'une année entière — ici quatre mois. SVG uniquement chez nivo.
HeatMap
Une matrice ligne × colonne. La légende est une échelle et non une liste de pastilles : une grandeur n'a pas d'entrées à nommer. Les bandes sont franches parce que le graphe range ses valeurs en seaux — un dégradé lisse dirait le contraire.
HeatMap — l'infobulle a son propre format
valueFormat compacte ce que la grille écrit dans ses cases, qui n'ont la place que de quelques signes. tooltipFormat dit l'infobulle, qui a la place de tout afficher — une fonction, pas un format d3, parce qu'une devise et une locale ne s'écrivent pas en d3. Sans elle, l'infobulle suit valueFormat, et la locale active quand il n'y en a pas.
HeatMap — sans valeurs
labels=false quand la grille devient dense : la couleur suffit et les chiffres deviennent du bruit.