Project

General

Profile

Development #60685

Rendre les graphiques plus sexy

Added by Pierre Cros 13 days ago. Updated 8 days ago.

Status:
Solution déployée
Priority:
Normal
Target version:
-
Start date:
14 Jan 2022
Due date:
% Done:

0%

Estimated time:
Patch proposed:
Yes
Planning:
No

Description

En cherchant à comprendre ce qui donnait un air vieux cul à nos graphiques, cf. capture, je note :

  • les lignes pointillées horizontales qu'on ne peut visiblement pas cacher (je rappelle que les graphiques c'est essentiellement pour décorer, pour faire joujou, si on voulait des chiffres précis on ferait un tableau, et donc ces pointillés sont totalement superflus)
  • La gradation avec des décimales sur l'axe des ordonnées (qui relève du bug ici puisqu'on est sur des nombres entier mais qui ne devrait pas non plus exister ailleurs)
  • La police employée le long des deux axes (moche)
  • Le format des dates avec des - au lieu d'avoir genre "12 jan 2021"

Et en regardant les styles dans Pygal, je me demande si on aurait pas intérêt à passer au dark vu qu'il a le mérite de rendre les pointillés quasi invisibles :
https://www.pygal.org/en/stable/documentation/builtin_styles.html#darkstyle


Files

Associated revisions

Revision 7f973079 (diff)
Added by Valentin Deniaud 9 days ago

dataviz: do not show floating point numbers when scaling (#60685)

Revision 85552f05 (diff)
Added by Valentin Deniaud 9 days ago

dataviz: fix typo in graphs font family (#60685)

Revision 4fcef8f6 (diff)
Added by Valentin Deniaud 9 days ago

dataviz: set maximum number of scales in graphs (#60685)

History

#1

Updated by Pierre Cros 12 days ago

#2

Updated by Valentin Deniaud 10 days ago

  • Assignee set to Valentin Deniaud
#3

Updated by Valentin Deniaud 10 days ago

Voilà je traite les trois premiers points, pour les dates je vais ouvrir un ticket à part c'est (un peu) plus compliqué.

#5

Updated by Frédéric Péters 10 days ago

J'entends "essentiellement pour décorer" mais perso je trouve que l'absence de graduations en fond ça tue quand même la lisibilité.

#6

Updated by Valentin Deniaud 10 days ago

Oui c'est sûrement un peu violent comme changement, on en fait une option décochée par défaut « Montrer les guides » ? Et/ou on limite le nombre de valeurs affichées en ordonnées, ce qui limitera le nombre de guides ? Sur l'exemple de Pierre il y en a 15, sur le mien 8, on pourrait dire 5 ou 6 ?

#7

Updated by Pierre Cros 10 days ago

Merci Valentin, pour moi c'est super sans les pointillés et avec cette police.

Pour les pointillés ça fait deux avis opposés et tranchés, ça me semble militer pour l'option si c'est pas trop pénible (mais décochée par défaut, ça va de soit :) )

#8

Updated by Frédéric Péters 9 days ago

(non non n'ajoutons pas d'option pour juste mon commentaire)

#9

Updated by Pierre Cros 9 days ago

À noter, pour plus tard et pour les personnes qui considèrent comme Fred que c'est peu lisible sans les pointillés, qu'on peut ajouter des infos au survol des graphiques (genre la valeur du truc).

#10

Updated by Valentin Deniaud 9 days ago

Voilà quand même la demie mesure que je propose, limiter le nombre de valeurs pour limiter le nombre de guides, moi je trouve ça pas mal. D'autres avis peut-être ?

#11

Updated by Anaïs Ecuvillon 9 days ago

oui, je préfère cette dernière version, mon cerveau comprends mieux les valeurs avec des lignes horizontales, mais sur la première version, il y en avait beaucoup trop, donc l'effet inverse se produit (je n'ai plus envie de regarder le graph)

#13

Updated by Pierre Cros 9 days ago

Je reste convaincu qu'en ayant 5 graph comme ça sur une page, la juxtaposition des pointillés c'est moins bien que pas de pointillés : au risque de me répéter l'utilisation des graph par les collectivités est cosmétique, malheureusement, le jour où ils paieront des sociologues pour construire des indicateurs on pourra en reparler.

#14

Updated by Emmanuel Cazenave 8 days ago

  • Status changed from Solution proposée to Solution validée
#15

Updated by Valentin Deniaud 8 days ago

  • Status changed from Solution validée to Résolu (à déployer)
commit 4fcef8f6c9c7e839cf34806b288131ec56322f33
Author: Valentin Deniaud <vdeniaud@entrouvert.com>
Date:   Mon Jan 17 15:57:35 2022 +0100

    dataviz: set maximum number of scales in graphs (#60685)

commit 85552f051aaa0debc5553610807bccc2ad23fcc7
Author: Valentin Deniaud <vdeniaud@entrouvert.com>
Date:   Mon Jan 17 16:22:09 2022 +0100

    dataviz: fix typo in graphs font family (#60685)

commit 7f973079419726cd0a6227d0994a6bffce34c31b
Author: Valentin Deniaud <vdeniaud@entrouvert.com>
Date:   Mon Jan 17 16:09:41 2022 +0100

    dataviz: do not show floating point numbers when scaling (#60685)
#16

Updated by Frédéric Péters 8 days ago

  • Status changed from Résolu (à déployer) to Solution déployée

Also available in: Atom PDF