Les diagrammes de Sankey sont souvent utilisés pour représenter des données de flux.
Dans ce tutoriel, nous expliquons comment réaliser la répartition des voix des Français à l'étranger lors du premier tour des présidentielles de 2017 à l'aide de Data Fair, sans programmation.

Dans cet exemple, nous représentons la répartition des voix des Français à l'étranger lors du premier tour des présidentielles de 2017, en fonction de leur pays de résidence et du candidat pour lequel ils ont voté. Pour réaliser cette visualisation, vous aurez besoin de ces données, d’être connecté à votre compte Data Fair et de quelques minutes.

Pour créer votre Diagramme de Sankey, cliquez sur Applications dans la barre de navigation, puis sur Configurer une application. Choisissez la visualisation Sankey, ajoutez un titre et cliquez sur Enregistrer.

Vous êtes redirigé vers la page d'édition de votre visualisation. Cliquez sur Éditer la configuration.

Dans la section Données, choisissez le jeu de données que vous venez de charger sur la plateforme.

Dans cette visualisation, nous souhaitons représenter l'ensemble des voix pour chaque candidat. Nous effectuons donc une somme sur la colonne Nombre de voix, des Pays vers les Candidats.

Entrez un calcul de valeur par Somme des valeurs sur la colonne Nombre deVoix, avec comme source la colonne Pays et comme cible la colonne Candidats.

Vous pouvez à présent modifier les paramètres de la section Présentation pour obtenir un rendu visuel qui vous convienne. Vous pouvez changer le nombre de groupes, la couleur de vos groupes et le tri.

Essayez différents paramètres pour obtenir le rendu idéal. Si vous ne spécifiez aucun tri sur les groupes, l'application préparera le rendu le plus homogène possible.

Voici les paramètres que nous avons sélectionnés pour notre graphique :

Cliquez sur Enregistrer pour sauvegarder 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. Votre code devrait ressembler à ceci :

<iframe src="https://koumoul.com/data-fair/app/diagramme-de-sankey?embed=true" width="100%" height="550px" 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égrez dans votre site, vous obtenez le rendu suivant :

Vous savez maintenant comment créer une visualisation de Diagramme de Sankey sur Data Fair et 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.