La visualisation Carto stats est une carte qui permet de visualiser un grand nombre d’informations spatiales. En effet, les cartes par densité de points sont idéales pour observer la répartition des éléments sur une zone géographique et peuvent révéler des tendances lorsque les points sont regroupés sur la carte.

Dans ce tutoriel, nous expliquons comment créer une carte Carto stats à l'aide de la plateforme Data Fair pour représenter les accidents de vélo survenus entre 2005 et 2017 dans le Morbihan, en indiquant leur gravité et leur localisation, sans avoir besoin de programmer.

Pour réaliser cette visualisation, vous aurez besoin de ces ces données, d’être connecté à votre compte Data Fair et de quelques minutes.

Pour cet exemple, appliquez les concepts suivants :

• Identifiant accident = concept :libellé ;
• date = concept : date d'évènement ;
• département = concept : code département ;
• commune = concept : code commune ;
• lat = concept : latitude ;
• lon = concept : longitude.

Attention ! Après avoir effectué toutes ces modifications, assurez-vous de cliquer sur le bouton Appliquer pour valider les changements. Si les éléments sont encore en orange, cela signifie que les modifications n'ont pas encore été validées.

Pour créer votre visualisation Carto stats, descendez dans la page de votre jeu de données récemment importé jusqu’à la section Applications et cliquez sur Configurer une visualisation.

Parmi la liste des applications disponibles sur la plateforme Data Fair, sélectionnez la visualisation Carto stats, ajoutez un titre à votre visualisation et cliquez sur Enregistrer.

Vous êtes redirigé vers la page de configuration de votre visualisation.

Commencez par vérifier que le jeu de données que vous avez importé est bien sélectionné dans la section Source des données.

Dans cette visualisation, nous souhaitons localiser les accidents de vélo survenus dans le Morbihan, en identifier la gravité et les trier selon différents critères. Pour cela, allez dans la section Filtres dynamiques et choisissez les champs que vous souhaitez rendre disponibles pour le tri. Par exemple, nous avons sélectionné les champs suivants :

Dans la section Options de rendu, puis Couleur par valeur d’un champ, sélectionnez le champ gravité accident. Pour identifier immédiatement la gravité des accidents grâce à la couleur. Nous vous conseillons de choisir une palette de couleurs adaptée.

Carto stats permet, lorsque vous cliquez sur un point, d'afficher des informations sous forme d'info-bulles. Vous pouvez choisir les champs que vous souhaitez voir s'afficher lors de cette action.

Vous avez également la possibilité d'ajouter une variable supplémentaire à votre visualisation : la taille du rayon d’un point en fonction de la valeur d’un champ. Dans notre exemple, nous avons choisi d’augmenter la taille des points en fonction du nombre de véhicules impliqués dans la collision, pour détecter facilement les « gros accidents ». Pour cela, sélectionnez le champ en question dans la section Rayon par valeur d’un champ et définissez les tailles minimales et maximales de vos points (vous pouvez vous aider du rendu pour les ajuster).

Il ne vous reste plus qu’à définir la position initiale de votre visualisation dans la section Navigation pour finaliser sa configuration.

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. Votre code devrait ressembler à ceci :

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

Vous avez maintenant toutes les informations nécessaires pour créer une carte par densité de points sur la plateforme Koumoul et trouver le code pour pouvoir l’intégrer sur un site externe.

Vous disposez maintenant de toutes les informations nécessaires pour créer une carte par densité de points sur Data Fair et obtenir le code pour l’intégrer sur un site externe.

N'hésitez pas à nous contacter pour toute information supplémentaire. Si vous souhaitez aller plus loin, nous pouvons également réaliser des visualisations personnalisées.

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