Contenu du cours

Créez une visualisation avec métriques

L’application métriques permet de visualiser des métriques de haut niveau sur un jeu de données. Elle permet, par exemple, de créer des étiquettes intégrables dans un dashboard comme celui que nous avons réalisé sur les Jeux olympiques.

Dans ce cours, nous expliquons comment configurer l’application métriques pour créer une étiquette sur les communes du Morbihan qui sont desservies par le gaz. Pour ce faire, vous aurez besoin de ces données, d’être connecté à votre compte Koumoul et de quelques minutes.

Configuration de l'application

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

Parmi la liste d’applications disponibles sur la plateforme Koumoul, choisissez métriques, ajoutez un titre et cliquez sur enregistrer.


Vous être redirigé sur la page de configuration de votre application. Cliquez sur éditer la configuration dans la partie rendu. Votre écran de configuration sera alors divisé en deux parties : l’aperçu à gauche et le menu à droite.

Dans le menu, dans la section données, vérifiez que le jeu de données est bien celui que vous avez sélectionné.


À présent, penchons-nous sur les métriques de l’application. Cliquez sur le bouton « + » à droite pour créer une étiquette. Une fenêtre pop-up s’ouvre alors.


Vous pouvez essayer différents paramètres pour obtenir le rendu souhaité. Voici ceux que nous avons sélectionnés pour l’apparence de la visualisation :

  • Affichage : élévation,
  • Couleur : primaire,
  • Pictogramme : icône,
  • Position : au milieu,
  • Icône : map.

Vous pouvez également choisir un titre pour votre étiquette, ici, nous avons opté pour « Nombre de communes du Morbihan desservies par le gaz – 25 mai 2020 ». Il est possible de changer la taille du titre et sa couleur.


La dernière partie de la fenêtre pop-up concerne la valeur de l’indicateur. L’unité choisie est « communes ». Vous pouvez également choisir la couleur et la taille du texte de l’indicateur. Vous pouvez maintenant cliquer sur le bouton « + » à côté de la mention filtres prédéfinis.


Comme nous voulons connaître ici le nombre de communes desservies par le gaz, il faut restreindre à des valeurs, sélectionner la colonne gaz et cocher la case true dans le paramètre des valeurs (qui correspond à la valeur « oui » dans la colonne gaz de votre jeu de données).

N’oubliez pas de cliquer sur OK pour valider vos paramètres.


Cliquez sur valider pour sauvegarder votre application.

Intégration de la visualisation sur un 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://docs.koumoul.com/data-fair/app/-ulQq7InrRmOQ0QOEdJPG" width="100%" height="250px" 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.

Lorsque vous l’intégrez sur votre site, vous obtenez ce rendu :

Conclusion

Vous avez maintenant toutes les informations pour créer une visualisation avec métriques sur la plateforme Koumoul, sans avoir besoin de compétences en programmation, et trouver le code pour pouvoir l’intégrer sur un site externe.

Données utilisées

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