Comme indiqué plus haut, l'avantage d'un graphique en forme de beigne est qu'il y a une zone au milieu qui peut être utilisée pour afficher des données. Grâce à la flexibilité de D3.js, cet espace peut afficher des données modifiées ou des étiquettes de texte. Par exemple, dans ce cas, les valeurs en pourcentage sont affichées sous forme d'étiquettes sur les sections du diagramme en donut, mais l'affichage central montre les valeurs absolues.
D3.js nous permet également d'utiliser les couleurs de manière créative dans un graphique circulaire. Ce camembert utilise une palette de couleurs aléatoires. Cependant, les couleurs peuvent également être des nuances proportionnelles aux valeurs sous-jacentes, comme c'est le cas dans ce diagramme Sunburst.
Une autre utilisation de la couleur dans un diagramme circulaire consisterait à regrouper des ensembles de points de données liés d'une manière ou d'une autre. Par exemple, un diagramme circulaire plus détaillé pourrait présenter différents types d'opérations regroupées de manière significative, les sections du diagramme représentant des opérations du même groupe étant de la même couleur. Ce type de diagramme est plus courant dans les diagrammes Sunburst, qui sont généralement utilisés pour afficher des ensembles de données beaucoup plus importants.
Les graphiques en camembert et en beignet sont faciles à produire à l'aide de D3.js et sont donc relativement peu coûteux. Les Add-ons tels que les infobulles, les animations personnalisées, etc. augmenteront un peu le coût mais amélioreront grandement l'expérience de l'utilisateur. La page Prix vous donnera une idée générale. Toutefois, n'hésitez pas à nous contacter pour discuter gratuitement avec un développeur afin de déterminer ce qui vous convient le mieux.
Les camemberts et les diagrammes en donut sont utiles pour montrer la décomposition d'un ensemble de données en différentes valeurs : la seule différence est que le diagramme en donut a un rayon intérieur non nul. La zone centrale peut être utilisée pour afficher des données. Dans ce cas, le fait de passer la souris sur un segment du graphique entraîne un léger déplacement de ce segment. Des informations supplémentaires sur ce point de données (dans ce cas, la valeur absolue plutôt que le pourcentage) sont affichées au centre du diagramme.