web-dev-qa-db-fra.com

Quelles sont les options pour afficher 3 métriques dans un graphique 2D?

Je souhaite afficher trois mesures sur un graphique (par ordre décroissant d'importance):

  • Niveau de session
  • Date/heure de la session
  • but

enter image description here

Le% de remplissage du cercle représente: Vert: à quel point ils ont obtenu b/t Pass et 100% Rouge:% entre 0 et score de passage (peut-être cela devrait être inversé: plus grand pour un score plus bas (donc Radius = (PassingScore-Score)/PassingScore D'autres suggestions sur la façon de procéder?

J'ai pensé:

  • Taille du cercle (en supprimant le cercle extérieur).
  • Couleur teinte du cercle (mais rempli à 100%)
3
Clay Nichols

En supposant que toutes les mesures sont effectivement continues (c'est-à-dire qu'elles ne tombent pas dans un petit nombre de catégories distinctes) et que ce que vous voulez visualiser est l'évolution du progrès éducatif du sujet au fil du temps, votre conception proposée semble aussi bonne comme tout ce que je pouvais trouver.

Cependant, je aurais quelques suggestions pour le codage couleur/diamètre du marqueur utilisé pour représenter le score:

  • Faites en sorte que le rayon du cercle intérieur passe de 0% (rayon zéro) à un score de 100% (rayon max), indépendamment du seuil de réussite.

  • Utilisé autre chose, en plus de la couleur, pour indiquer si la leçon a réussi ou échoué. Par exemple, vous pouvez faire le cercle intérieur creux pour les cours qui ont échoué, ou peut-être dessiner une barre diagonale ou traverser les marqueurs pour les cours qui ont échoué.

Ensemble, ces modifications garantissent que le graphique reste entièrement lisible, même s'il est imprimé en noir et blanc, ou même si le spectateur est daltonien. Faire du rayon une fonction monotone de la partition permet également au spectateur d'avoir un aperçu général de la notation simplement en regardant la densité des couleurs sur le graphique, sans avoir à distinguer les leçons échouées des leçons passées.

Edit: Voici une maquette rapide de certains marqueurs, comme suggéré ci-dessus, pour une gamme de scores:

 Pass/fail markers

2
Ilmari Karonen

Je n'utiliserais pas ombre. L'ombre n'a pas de correspondance conceptuelle avec une partition et serait plus difficile à distinguer d'une nuance à l'autre - je suppose que vous utilisez une nuance de la même couleur (par exemple, le vert) par rapport à des couleurs différentes. Différentes couleurs n'auraient toujours pas de mappage visuel pour "marquer".

Voici un exemple:

enter image description here

(note: j'ai supprimé quelques détails de l'image)

Cela ressemble à ce que vous entendez par "taille du cercle". Ce tableau me donne une idée de "combien de choses à faire" et d'un "score de douleur" sur l'axe. La taille du cercle reflète la popularité de la catégorie.

Je peux rapidement comprendre qu'Orange est très "douloureux", a beaucoup de "choses à faire" qui lui sont associées, et par la taille, je peux dire que cette zone est assez populaire. Alternativement, je peux voir que le bleu n'est pas aussi "douloureux" que "rouge", mais est plus populaire (je peux explorer pour savoir pourquoi)!

MISE À JOUR:

Je voudrais cependant souligner que vous affichez en fait quatre mesures sur un graphique 2D:

  • Niveau de leçon
  • Date/heure
  • But
  • Réussite/échec

Donc, avoir le cercle de délimitation pour montrer un seuil de 100% a beaucoup de sens.

0
Evil Closet Monkey