Contenu du cours

Réalisez une carte par densité de points

La visualisation carto stats est une carte offrant la possibilité de visualiser un grand nombre d’informations spatiales. En effet, les cartes par densité de points sont idéales pour voir comment les choses sont réparties 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 réaliser une carte carto stats à l'aide de la plateforme Koumoul, sans que vous n’ayez besoin de programmer.

Nous chercherons ici à représenter les accidents de vélo survenus entre 2005 et 2017 dans le Morbihan, leur gravité et leur localisation. Pour réaliser cette visualisation, vous avez besoin de ces données, d’être connecté à votre compte Koumoul et de quelques minutes.


Les concepts à appliquer dans cet exemple sont les 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 ! Lorsque vous avez effectué toutes ces modifications, pensez à bien cliquer sur le bouton appliquer pour que les changements soient effectués. Si les éléments sont encore en orange, cela signifie que vous n’avez pas encore validé.

Configurez votre visualisation carto stats

Pour créer votre visualisation carto stats, descendez la page de votre jeu de données récemment importé jusqu’à la partie utilisations et cliquez sur configurer une visualisation.

Parmi la liste d’applications disponibles sur la plateforme Koumoul, choisissez la visualisation carto stats, ajoutez un titre à votre visualisation et cliquez sur enregistrer.


Vous êtes redirigé sur 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, pouvoir en identifier la gravité et les trier en fonction de différents critères. Pour cela, allez dans la section filtres dynamiques et choisissez les champs que vous souhaitez rendre disponibles pour le tri. À titre d’exemple, nous avons choisi les champs suivants :


Dans la partie options de rendu, section couleur par valeur d’un champ, choisissez le champ gravité accident. Pour identifier immédiatement, grâce à la couleur, la gravité des accidents, nous vous conseillons de choisir la palette de vos couleurs.

Carto stats permet, lorsque vous cliquez sur un point, d’afficher un grand nombre d’informations sous forme d’info-bulles. Vous pouvez alors sélectionner l’ensemble des champs que vous souhaitez voir apparaître 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 par rapport au nombre de véhicules impliqués dans la collision, pour aisément détecter les « gros accidents ». Pour cela, choisissez le champ en question dans la section rayon par valeur d’un champ et définissez les tailles minimums et maximums 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 et celle-ci sera configurée.


Cliquez sur valider pour sauvegarder votre visualisation.

Intégrez votre visualisation à votre site

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 :

<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.

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

Données utilisées

Si vous avez des remarques sur ce cours, n'hésitez pas à nous contacter pour nous en faire part.