Circular Charts
Basculez aussi le thème clair/sombre : les textes, axes et grilles suivent DaisyUI.
Pie
Donut par défaut (innerRadius 0.5), avec les labels liés à l'extérieur. legend={{ values : true }} : sur une partition, un datum par arc, la valeur de la légende est celle du datum — c'est le seul cas où elle ne se somme pas et dit exactement ce qu'elle dit.
- python339
- css53
- sass525
- php61
- erlang223
Pie — camembert plein, sans labels liés
innerRadius=0 et arcLinkLabels=false : la marge se libère et le cercle grandit.
- python
- css
- sass
- php
- erlang
RadialBar
Un anneau par série, coloré par catégorie. SVG uniquement chez nivo.
- vegetables
- fruits
- meat
Radar
Compare des profils sur les mêmes dimensions. SVG uniquement chez nivo ; le survol montre toute la branche d'un coup.
- chardonay
- carmenere
- syrah
Radar — grille anguleuse
gridShape='linear' : la grille suit le polygone au lieu d'être circulaire.
- chardonay
- carmenere
- syrah
Chord
Des flux entre entités, pas des valeurs par entité. data est une matrice carrée : data[i][j] est le flux de keys[i] vers keys[j]. Survolez un arc pour un total, un ruban pour un flux dans les deux sens.
- John
- Raoul
- Jane
- Marcel
- Ibrahim
PolarBar
Mêmes données qu'un BarChart (keys + indexBy), mais enroulées autour d'un cercle. Un budget mensuel : douze mois cycliques, où décembre voisine janvier — ce qu'une ligne droite ne montre pas. À ne pas confondre avec RadialBar, qui dessine un anneau par série. arcLabels imprime la valeur dans l'arc, dans sa propre couleur assombrie et sur un halo clair ; arcLabelsSkipRadius laisse les bandes trop fines en dehors du dessin, où le chiffre serait illisible.
- Loyer
- Courses
- Transport
- Épargne
- Divers
PolarBar — demi-cercle
startAngle / endAngle ouvrent l'arc. L'axe radial suit : son angle est ramené dans l'arc dessiné, sans quoi ses graduations flotteraient dans le vide. Le couple height / margin.bottom est ce que coûte un demi-cercle — voir HALF_CIRCLE_MARGIN.
- Loyer
- Courses
- Transport
- Épargne
- Divers