Fiche espèce : Ajout d'un graphique des provenances de données

[Manonkreber]

La fiche espèce pourrait afficher un diagramme des différentes sources de données moissonnées. Ces données seraient issues de la base de données.

[camillemonchicourt]

Depuis la version 1.6.0, les organismes fournissant les données sont affichées sur les fiches espèces : #384

Exemple : https://biodiversite.cevennes-parcnational.fr/espece/54496

Mais pas la répartition du nombre de données.

A voir si c'est utile d'ajouter la répartition du nombre de données et pourquoi. Qu'est-ce que cela apporte aux visiteurs ?
Et si oui, certainement à rendre affichable ou non (que si le mode ORGANISME est activé bien évidemment, mais aussi avec un paramètre spécifique si ce mode est activé ?).

[babastienne]

Cette exigence est déjà couverte par la solution GeoNature dans sa version actuelle.

Le graphique permet de voir dynamiquement les informations relatives à la base de données d’origine.

La capture ci-dessus illustre une implémentation possible mais le rendu pourra être adapté selon les besoins. Sur la capture précédente la bibliothèque graphique utilisée est HighCharts. Nous recommandons dans un souci de numérique responsable de plutôt utiliser la bibliothèque ChartJS qui est déjà utilisée comme dépendance sur le projet GeoNature-Atlas, ce qui permettrait d’éviter de devoir charger deux librairies similaires.

[babastienne]

Concernant les couleurs du graphique :

• Proposer un paramètre dans la custo avec un tableau de couleurs modifiable par chaque territoire
• Corriger le dégradé qui est trop important
• Par défaut proposer des couleurs bien distinctes, en tenant compte des publics déficients visuels

[babastienne]

Set defaults to [ "#2caffe", "#544fc5", "#00e272", "#fe6a35", "#6b8abc", "#d568fb", "#2ee0ca", "#fa4b42", "#feb56a", "#91e8e1" ]

[bruhnild]

Suite aux tests, voici quelques retours :

• les couleurs sont désormais suffisamment contrastées pour identifier les différentes catégories d'observateurs au sein du donut

• le bas du donut est coupé au survol de la souris (augementer la taille du canvas) ?

Nice to have pour une version améliorée:

• changer la forme du curseur au survol de la case colorée pour indiquer à l'utilisateur qu'il peut réaliser une action dessus (pour retirer la catégorie du donut)
• ajouter observations à droite de la valeur numérique au survol de la catégorie sur le donut intéractif