Ajout de visualisation de données

Les visualisations permettent de mieux représenter les données de vos portails. Les visiteurs peuvent comprendre et explorer plus rapidement vos données.

Par exemple, sur cette carte, vous pouvez facilement visualiser les évènements du Morbihan en 2019, 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, une fois celui-ci importé dans votre compte.

Certaines visualisations nécessitent des concepts pour pouvoir être réalisées. Le type de visualisation utilisé ici est infos localisations. Il s'agit d'une visualisation cartographique qui permet de représenter les données sous forme de fiches contenant un titre, une description, une image et un lien.

Dans le schéma, il vous faut renseigner les concepts latitude et longitude pour obtenir des points sur votre carte, ainsi que les concepts libellé pour le titre, description, images et page web pour le site web du lieu.

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.

Les boutons configurer une application lancent la même procédure pour choisir la visualisation et renseigner le titre de la visualisation.


Choisissez la visualisation infos localisations et renseignez 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

Elles permettent d'obtenir les informations principales de votre visualisation et d'apporter du contexte.

On retrouve :

  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ée la modifiaction ;
  5. la date de création ainsi que la personne ayant créé la visualsiation ;
  6. les thématiques de la visualisation ;
  7. la description de la visualisation.

La plupart de ces éléments seront présents sur la page du portail où vous publiez votre visualisation.

La configuration

La section de configuration est divisée en plusieurs sections :

  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.

Si vous souhaitez plus d'informations concernant la configuration de visualisations, les pages descriptives sont disponibles dans la documention du projet Data Fair.

L'aperçu donne un visuel en temps réél des modifications que vous réalisez à l'aide du menu.

Les boutons valider et annuler permettent de sauvegarder les modifications que vous avez réalisées. Tant que votre visualisation n'est pas sauvegardée, les éléments que vous avez modifiés ne seront pas visibles par les visiteurs de votre visualisation. Vous pouvez alors annuler les modifications en cours pour revenir à la version précédente de votre configuration.

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

Les actions

Différents 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 pouvoir intégrer votre visualisation dans un autre site.

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

<iframe src="https://koumoul.com/data-fair/app/carte-des-evenements-des-journees-europeennes-du-patrimoine-dans-le-morbihan-en-2019?lat=47.799127&lng=-2.9856445000000003&zoom=7.859468539147032" 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 au public dans la page d'édition de vos données et la page de configuration votre visualisation.

L'activité

L'activité permet de suivre l'historique des modifications réalisées sur la visualisation.