Présentez vos données à l'aide d'une visualisation

Les visualisations permettent de mieux représenter les données de vos portails, facilitant ainsi la compréhension et l'exploration des données pour les visiteurs.

Par exemple, sur cette carte, vous pouvez facilement visualiser les Sites de la fête de la musique du 21 juin 2019 en France, puis consulter les informations les concernant en cliquant sur les marqueurs.

Import et préparation des données

Dans les cours précédents, vous avez vu comment importer des données et renseigner des concepts dans le schéma du jeu de données. Vous pouvez importer les données des sites du Morbihan et renseigner les concepts nécessaire à la visualisation infos localisations.

Dans les cours précédents, vous avez appris à importer des données et à renseigner des concepts dans le schéma du jeu de données. Vous pouvez importer les données des sites de la musique du Morbihan et renseigner les concepts nécessaires à la visualisation "infos localisations".

Dans le schéma, vous devez renseigner les concepts Latitude et Longitude pour obtenir des points sur votre carte. Les concepts *Libellé pour le titre et Description sont nécessaires à la visualisation pour l'affichage des fiches. Vous pouvez également utiliser les concepts Image et Page web si vous souhaitez afficher ces informations dans les fiches des marqueurs.

Le schéma de votre jeu de données devrait ressembler à celui-ci, avec les colonnes dont le concept est renseigné en gras :

Créez votre visualisation

Vous pouvez créer votre visualisation à l'aide des boutons configurer une application présents sur la page d'édition du jeu de données ou sur la droite de la page applications de votre compte.

Vous pouvez créer votre visualisation en utilisant les boutons Configurer une application présents sur la page d'édition du jeu de données ou sur la page Applications de votre compte.

Les boutons Configurer une application lancent la même procédure pour choisir la visualisation et renseigner son titre.


Choisissez la visualisation Infos localisations et indiquez un titre.

Une fois la visualisation créée, vous êtes redirigé vers la page de configuration.

Plusieurs sections sont alors disponibles :

  • les métadonnées ;
  • la configuration ;
  • le partage ;
  • l'activité.

Sur votre droite, le Contenu vous permet de naviguer rapidement d'une section à l'autre.

Les métadonnées

Les métadonnées fournissent les informations principales de votre visualisation et apportent du contexte.

On y trouve :

  1. le titre ;
  2. le propriétaire de la visualisation ;
  3. le nom et la version de la visualisation utilisée ;
  4. la date de dernière modification, ainsi que la personne ayant réalisé la modification ;
  5. la date de création, ainsi que la personne ayant créé la visualisation ;
  6. les thématiques de la visualisation ;
  7. la description de la visualisation.

La plupart de ces éléments seront visibles sur la page du portail de votre visualisation.

La configuration

La section de configuration comprend plusieurs parties :

  1. le menu de configuration ;
  2. l'aperçu ;
  3. les boutons Valider et Annuler.

Le menu permet de modifier les différents éléments de paramétrage de votre configuration.

En fonction de votre visualisation, plusieurs sections sont disponibles dans le menu. Pour Infos localisation, on trouve les sections suivantes :

  • Données : choisissez le jeu de données à utiliser dans la visualisation et filtrez les données ;

  • Rendu : personnalisez le rendu de votre visualisation ;

  • Fiches : personnalisez le rendu des fiches au clic sur un marqueur de la carte ;

  • Navigation : établissez le positionnement intial et paramétrez les éléments de navigation.


L'aperçu offre une visualisation en temps réel des modifications que vous effectuez via le menu.

Le bouton Valider permet de sauvegarder les modifications que vous avez réalisées. Tant que votre visualisation n'est pas sauvegardée, les modifications ne seront pas visibles par les visiteurs. Vous pouvez Annuler les modifications en cours pour revenir à la version précédente de votre configuration.

Une fois la configuration validée, les modifications sont disponibles pour les visiteurs de votre visualisation.

Les actions

Plusieurs boutons d'action sont disponibles sur la page de configuration d'une visualisation :


L'action Intégrer dans un site permet d'obtenir le code embed pour intégrer votre visualisation dans un autre site.

Vous pouvez intégrer votre visualisation en copiant le code de votre application, qui ressemble à ceci :

<iframe src="https://koumoul.com/data-fair/app/evenements-de-la-fete-de-la-science?lat=46.4469835&lng=1.3326415000000003&zoom=3.4838947742440753" width="100%" height="500px" style="background-color: transparent; border: none;" />


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 également sur la page de configuration de votre visualisation.

L'activité

L'activité permet de suivre l'historique des modifications apportées à la visualisation.

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