L'application Periodic Series permet de créer plusieurs visualisations animées, telles que des séries temporelles ou des graphiques radiaux. Elle offre ainsi la possibilité de visualiser des évolutions dans le temps et de les comparer.

Dans ce tutoriel, nous expliquons comment créer une série temporelle avec Periodic Series, à l'aide de Data :Fair , sans avoir besoin de programmer.

Dans notre exemple, nous cherchons à observer les variations de températures semaine par semaine à Rennes, sur l'ensemble de l'année 2019. Pour réaliser cette visualisation, vous avez besoin de ces données, d'être connecté à votre Data :Fair et de quelques minutes.

Les concepts et libellés à appliquer dans cet exemple sont les suivants :

• colonne date => concept : date d’évènement. Modifiez le libellé de la colonne en Date (UTC).
• colonne t => Modifiez le libellé de la colonne Température.

Les concepts et libellés à appliquer dans cet exemple sont les suivants :

• colonne date => concept : date d’événement. Modifiez le libellé de la colonne en Date (UTC).
• colonne t => Modifiez le libellé de la colonne en Température.

Attention ! Une fois que vous avez effectué toutes ces modifications, n'oubliez pas de cliquer sur le bouton Appliquer pour que les changements soient pris en compte. Si les éléments sont encore en orange, cela signifie que vous n’avez pas encore validé.

Une fois ces changements effectués, vous pouvez maintenant valider votre brouillon. Attendez de nouveau les différentes étapes. Après la finalisation, votre fichier est maintenant disponible et prêt à être utilisé.

Pour créer votre visualisation Periodic Series, descendez la page de votre jeu de données récemment importé jusqu’à la partie Utilisations, puis cliquez sur Configurer une visualisation.

Parmi la liste d’applications disponibles, choisissez la visualisation Periodic Series, ajoutez un titre à votre visualisation et cliquez sur Enregistrer.

Vous êtes redirigé vers la page d'édition de votre visualisation. Cliquez sur Éditer la configuration.

Dans la section Données, sélectionnez le jeu de données que vous venez de charger sur la plateforme.

Dans cette visualisation, nous souhaitons observer les variations de températures semaine par semaine pour la station météorologique de Rennes, sur l'ensemble de l'année 2019. Pour cela, nous commençons par sélectionner les données que nous voulons présenter dans l'onglet Données de la configuration.

Dans la partie Métrique, sélectionnez Moyenne des valeurs et dans la section Colonne, choisissez Température. Ne renseignez pas la section du champ de la catégorie, celle-ci n'est utilisée que lorsque l'on souhaite plusieurs séries sur la même application.

L'unité de température du jeu de données que nous utilisons est le Kelvin. Pour convertir les températures en degrés Celsius, il faut entrer la formule permettant la conversion dans la partie Transformer la valeur : val-273.15.

Dans la partie Rendu, nous configurons le rendu visuel de notre visualisation. Dans notre exemple, nous avons décidé de montrer la variation des températures par semaine : après avoir choisi le type de graphique que nous souhaitons présenter, ici Graphique en lignes, nous sélectionnons dans la partie Période : jour, semaine, mois ou année.

Il ne reste plus qu’à remplir, dans l’onglet Unité, l’unité dans laquelle les données sont représentées sur le graphique, ici en degrés Celsius : °C.

Cliquez sur Valider pour sauvegarder votre visualisation, celle-ci est désormais configurée et prête à être publiée.

Vous pouvez intégrer votre visualisation sur un autre site en copiant le code à l'aide du bouton d'action Intégrer dans un site. Votre code devrait ressembler à ceci :

<iframe src="https://koumoul.com/data-fair/app/variation-temperature-rennes-en-2019?embed=true" width="100%" height="500px" style="background-color: transparent; border: none;"></iframe>

Pour rendre votre visualisation 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 visualisation.

Lorsque vous l'intégrez dans votre site, vous obtenez le rendu suivant (appuyez sur play pour lancer la visualisation) :

Vous savez maintenant comment créer une visualisation Periodic series sur Data Fair sans programmation, et comment obtenir le code pour l'intégrer sur votre site externe.

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