La visualisation Geo shapes permet de représenter des aires géométriques sur une carte. Nous vous présentons ici comment projeter un plan de zonage de PLU sur une carte interactive à l'aide de Data Fair, sans avoir besoin de programmer.

Dans ce tutoriel, nous représentons le plan de zonage de Troyes. Vous pouvez utiliser d'autres données de zonage si vous en possédez. Les données de zonage du PLU de votre territoire sont peut-être disponibles sur data.gouv.fr.

Pour réaliser la visualisation exemple, vous avez besoin des données du plan de zonage de Troyes, d’être connecté à votre compte Data Fair et de quelques minutes.

Dans la section Schéma, vous pouvez sélectionner une colonne et renseigner un libellé plus lisible. Par exemple, vous pouvez modifier le libellé de la colonne TYPEZONE par Type de zone. Les libellés seront ensuite utilisés dans votre visualisation. Cliquez sur Appliquer pour que vos modifications soient prises en compte.

Vous pouvez également modifier le titre du jeu de données, ajouter une description, une licence et une provenance dans les Métadonnées.

Pour créer votre carte, cliquez sur Applications, puis sur Configurer une visualisation. Choisissez la visualisation Geo Shapes, ajoutez un titre à votre visualisation et cliquez sur Enregistrer.

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

Dans la section Sources des données, choisissez le jeu de données du plan de zonage que vous venez d'importer.

Vous pouvez ensuite ajuster les paramètres de la section Options de rendu pour choisir un rendu visuel qui vous convient.

Sélectionnez la Couleur par valeur d'un champ que vous désirez, puis choisissez les couleurs pour chacune des valeurs de la colonne en cliquant sur les cercles. Vous pouvez également choisir les champs qui seront affichés lorsqu'un utilisateur de la carte cliquera sur une zone.

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

La section Navigation vous permet d'ajuster la position de votre carte et d'activer la géolocalisation.

Lorsqu’un rendu vous satisfait, cliquez sur Valider 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 Intégrer dans un site.

Votre code devrait ressembler à ceci :

<iframe src="https://koumoul.com/data-fair/app/zonage-du-plu-de-troyes?embed=true" width="100%" height="500px" style="background-color: transparent; border: none;"></iframe>

Pour que votre visualisation soit accessible à tous les visiteurs de votre site, activez l'accès public dans la page d'édition de vos données et dans la page de configuration de votre visualisation.

Une fois intégrée, la visualisation ressemblera à ceci :

Ce tutoriel vous permet de projeter le zonage du PLU de votre commune sur une carte.

Pour aller plus loin, il est possible d'ajouter des documents attachés à votre jeu de données. Au clic sur une zone, les visiteurs de votre visualisation pourront télécharger le PDF du PLU correspondant à cette zone.

N'hésitez pas à nous contacter pour toute information complé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.