Contenu du cours

Infos territoires

L'application Infos Territoires offre la possibilité de consulter diverses informations territoriales issues de multiples sources de données, le tout sur une seule carte.

Par exemple, vous pouvez visualiser la population d'une commune. Dans l'image ci-dessous, nous avons choisi une commune du Morbihan, ce qui nous permet d'accéder aux données sur la population municipale, la population comptée à part et la population totale de Ploërmel.


Dans ce tutoriel, nous expliquons comment créer une carte Infos territoires en utilisant la plateforme Data Fair, sans avoir besoin de savoir programmer.

Pour réaliser cette carte représentant le nombre d'habitants par commune, vous aurez besoin de ces données, d'être connecté à votre compte Data Fair et de quelques minutes.

Configuration de l'application

Pour créer votre application Infos Territoires, faites défiler la page de votre jeu de données récemment importé jusqu'à la section Utilisations et cliquez sur Configurer une application.

Parmi les applications disponibles, sélectionnez Infos Territoires, ajoutez un titre, puis cliquez sur Enregistrer.


Vous êtes redirigé vers la page de configuration de votre application. Cliquez sur Éditer la configuration dans la section Rendu. Votre écran de configuration se divise alors en deux parties : l'aperçu et le menu.

Nous allons sélectionner un fond de carte provenant des données de référence disponibles sur la plateforme.


  1. Origine des contours des territoires
  2. Sélection du jeu de données
  3. Sélection de la colonne contenant les codes

Pour notre exemple, nous souhaitons afficher les populations des communes. Nous avons donc sélectionné Contours des communes comme donnée de référence, avec la colonne Code commune comme colonne de jointure.

Nous allons ajouter les valeurs des colonnes dans la section Détails au clic :


  1. Ajouter une fiche de détail
  2. Sélectionner le jeu de données
  3. Choisir les colonnes à afficher
  4. Donner un nom à votre fiche
  5. Valider

À l'étape [2], nous avons sélectionné le jeu de données du recensement de la population.
À l'étape [3], nous avons choisi les colonnes à afficher lors d'un clic sur le territoire (COM, PMUN, PCAP, PTOT).
À l'étape [4], nous avons indiqué le nom Population des communes.

Lorsqu'un visiteur cliquera sur une commune, il obtiendra les valeurs des colonnes séléctionnées.

Dans la section Remplissage de la carte, vous pouvez ajouter plusieurs indicateurs à afficher sur votre carte.

Pour cet exemple, nous avons choisi d'afficher un indicateur sur la population municipale (PMUN) :

  1. Ajouter l'indicateur
  2. Sélectionner le jeu de données
  3. Choisir le type de l'indicateur dans la légende
  4. Calculer la valeur de la légende
  5. Sélectionner la colonne de la légende
  6. Définir le type de palette
  7. Choisir les couleurs de la palette
  8. Déterminer le type et le nombre d'intervalles
  9. Valider l'indicateur

Assurez-vous de bien sélectionner votre jeu de données ainsi que le champ PMUN dans le Champ contenant les valeurs.

Pour le type d'intervalle, plusieurs options s'offrent à vous. La méthode la plus simple est de choisir des intervalles calculés par quantiles : sélectionnez simplement le nombre d'intervalles souhaité (nous avons opté pour 5 dans cet exemple).


Vous pouvez aussi configurer manuellement les intervalles en spécifiant vous-même les valeurs minimales et maximales pour chaque intervalle.

Enfin, cliquez sur Valider pour enregistrer votre application.

Intégration de la carte sur votre site

Vous pouvez intégrer votre carte à votre site web en copiant le code de l'application via le bouton d'action Intégrer dans un site. Votre code devrait ressembler à ceci :

<iframe src="https://koumoul.com/data-fair/app/nombre-dhabitants-par-commune?lat=47.7563465&lng=-2.933617&zoom=7.829829939325554" width="100%" height="500px" style="background-color: transparent; border: none;" /></iframe>


Pour rendre votre carte 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 application. Une fois intégrée, vous obtiendrez ce rendu :

Données utilisées

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