Vue carte
Suite de #1 (closed)
Composition de la vue "Carte"
La vue carte est divisée verticalement en 2 panneaux (comme dans l'appli Shiny cf. capture ci-dessus, mais ne pas forcément tenir compte des autres détails de cette interface !).
Dans chaque panneau on peut choisir les paramètres suivants :
- Carte (Afrique, Monde, DR)
- Année
3 cartes
- Afrique (affichée par défaut) : carte de l'Afrique avec pour chaque pays une couleur correspondant à sa valeur dans la série sélectionnée
- Monde : carte du monde avec pour chaque pays une couleur correspondant à sa valeur dans la série sélectionnée
- Direction régionale (option) : carte de l'Afrique avec pour DR une couleur correspondant à sa valeur dans la série sélectionnée
Un menu permet de passer d'une carte à l'autre, par exemple sous forme de menu déroulant, de façon similaire à l'exemple suivant (cliquer pour naviguer) :
Années
Au bas de la carte, dans chaque panneau, un menu affiche la liste des années pour lesquelles on a une valeur et permet de sélectionner l'année à afficher, par exemple avec un slider de façon similaire à l'exemple suivant :
Couleurs
La visualisation cartographique de chaque série se fait par un degradé de couleur appliqué à chaque zone (pays ou direction régionale) et correspondant à une tranche de valeur dans la série. Les tranches et la couleur sont personnalisés série par série (et doivent être fournis par l'API de l'appli).
Détails
- Les informations liées à l'indicateur et aux paramètres sélectionnés sont affichées dans chaque panneau (nom, unité, légende, source...).
- Dans la vue carte, une seule série à la fois peut-être sélectionnée dans la sidebar et s'applique pour les 2 panneaux de la vue "Carte".
- Chaque panneau peut afficher une année différente pour la série sélectionnée (une seule année à la fois par panneau).
- Par défaut le panneau de gauche affiche la première année pour laquelle on a une valeur et le panneau de droite affiche la valeur la plus récente.
- Cliquer sur une zone (pays ou DR) fait passer dans la vue "Graphique" pour cette zone et l'indicateur sélectionné.
- Sur chaque carte, cliquer sur une zone (pays ou DR) fait passer à la vue "Graphique" qui affiche sous forme graphique la série temporelle qui était déjà sélectionnée pour la vue "Carte".
- L'utilisateur doit pouvoir télécharger la carte en PNG et/ou JPG via un bouton affiché dans chaque panneau.
- Sur la carte Monde et Afrique, le Sahara oriental doit être hachuré (mais fait partie du Maroc et doit avoir la même couleur en dessous des hachures).
Nice to have
- Années : n'afficher sur le slider que les années pour lesquelles on a des valeurs
- Années : un bouton play/pause pour visualiser à la suite toutes les années comme une vidéo (cliquer sur la capture ci-dessus pour ouvrir le lien et tester l'UX)
- Carte : pouvoir fermer/ouvrir le 2ème panneau. Quand un seul panneau est ouvert, il prend toute la largeur de la vue.
- Carte : Un popup tooltip aparaît au passage de la souris (hover) pour afficher la valeur