Les waffle charts (« graphiques en gaufre ») offrent un aperçu intuitif de proportions dans un ensemble de données et la possibilité de les comparer en fonction de différentes catégories/variables. Ils peuvent être utilisés pour mettre en avant des indicateurs de réalisation d'objectifs.

Dans ce tutoriel, nous expliquons comment réaliser ce diagramme de comparaison de proportions à l'aide de la plateforme Koumoul, sans avoir besoin de programmer.

Dans notre exemple, nous comparons la gravité des accidents de vélo survenus dans le Morbihan entre 2005 et 2017 en fonction de leur situation sur la route. Pour réaliser cette visualisation, vous avez besoin des données, d’être connecté à votre compte Koumoul et de quelques minutes.

Pour créer votre diagramme de comparaison de proportions, naviguez sur la page de votre jeu de données récemment importé jusqu’à la partie utilisations, puis cliquez sur configurer une visualisation.

Pour créer votre Diagramme de comparaison de proportions, rendez-vous sur la page de votre jeu de données récemment importé, puis accédez à la section Utilisations et cliquez sur Configurer une visualisation.

Dans la liste des applications disponibles, sélectionnez la visualisation Comparaison de proportions, attribuez un titre à votre visualisation, puis cliquez sur Enregistrer.

Vous serez redirigé vers la page de configuration de la visualisation.

Assurez-vous d'abord que, dans la section Sources des données, votre jeu de données est bien sélectionné.

Dans notre visualisation, nous voulons une comparaison de la gravité des accidents en fonction de la situation. La valeur que nous souhaitons comparer étant la gravité des accidents, nous sélectionnons alors ce champ dans la section champ de la valeur à comparer et choisir le champ situation dans la section champ de la catégorie.

Dans notre visualisation, comme nous souhaitons comparer la gravité des accidents, nous sélectionnons ce champ dans la section champ de la valeur à comparer et choisissons le champ situation dans la section champ de la catégorie.

Étant donné que chaque ligne de notre jeu de données correspond à un accident, nous optons pour décompte des lignes comme type de calcul.

Passons maintenant à la mise en forme visuelle de notre visualisation, une étape simple et rapide pour cette application. Cette section de mise en forme devient accessible une fois que vous avez sélectionné les champs à comparer.

Dans cette section, vous pouvez modifier la taille de la marge entre les différents carrés, remplacer les carrés par des pictogrammes et choisir les couleurs et l’ordre des valeurs à comparer.

Dans cette section, vous avez la possibilité de modifier la taille de la marge entre les différents carrés, de remplacer les carrés par des pictogrammes, et de choisir les couleurs ainsi que l'ordre des valeurs à comparer.

Voici les paramètres que nous avons choisis pour notre graphique d'exemple :

Cliquez sur Valider pour enregistrer votre visualisation.

Vous pouvez intégrer votre visualisation sur un autre site en copiant le code de votre visualisation à l'aide du bouton d'action intégrer dans un site, à droite. Votre code devrait ressembler à celui-ci :

Vous pouvez intégrer votre visualisation sur un autre site en copiant le code de votre visualisation à l'aide du bouton d'action Intégrer dans un site. Votre code devrait ressembler à ceci :

<iframe src=https://koumoul.com/data-fair/app/accidents-de-velo-morbihan-(56)?embed=true width="100%" height="500px" style="background-color: transparent; border: none;"> </iframe>

Pour rendre votre visualisation accessible à tous les visiteurs de votre site, activez l'accès public dans la page d'édition de vos données ainsi que dans la page de configuration de votre visualisation. Lorsque vous l'intégrerez dans votre site, vous obtiendrez le rendu suivant :

Vous savez maintenant comment créer une visualisation de Comparaison de proportions sur Data Fair sans programmation, et comment obtenir le code pour l'intégrer sur un site externe.

Si vous avez des remarques sur ce cours, n'hésitez pas à nous les communiquer.