web-dev-qa-db-fra.com

Fond pour tableau noir et blanc

J'ai un tracé où j'empile la couleur blanc et noir comme valeurs par mois. J'utiliserais du blanc comme couleur de fond mais les données sont en noir et blanc comme la couleur. J'utilise du bleu que je n'aime pas. Toutes les suggestions que je peux utiliser pour mon expérience? Ou les mettre en valeur en arrière-plan?

enter image description here

20
flexitaga23

Le blanc donne l'apparence de l'absence de données. La visualisation des données ne concerne pas ce que vous avez l'intention, c'est ce qu'ils perçoivent.

Le noir et le blanc ont des connotations opposées. Certaines connotations culturelles sont bonnes/mauvaises, vides/pleines, etc. Celles-ci varient. Voir autant de noir et blanc est également dur pour les yeux.

Je perds de vue qu'il s'agit de parties d'un tout: les ventes totales pour cette période.

Y a-t-il une raison spécifique pour laquelle vous devez utiliser uniquement cette combinaison?

Ne fait pas partie de votre question, mais une réflexion sur la compréhension des tendances

Les graphiques à barres empilées présentent des défis de visualisation, car il n'est pas possible sans une légende interactive de montrer la croissance de la 2ème catégorie (noire) non liée à la ligne de base de l'axe des x.

Pouvez-vous permettre à vos utilisateurs de sélectionner/désélectionner la légende (ou de changer de vue) pour afficher plus clairement les tendances des ventes par chaque ligne de produits?

enter image description here

enter image description here

Que montrent les barres empilées

Pour identifier la distribution dans le temps des parties d'un tout, vous avez besoin de suffisamment de contraste pour identifier les parties, mais pas trop pour qu'il semble s'agir d'une entité complètement distincte.

L'ensemble pour chaque période est Sales. Chaque produit peut être considéré comme un aspect de ce qui constitue le total des unités de vente (ou des revenus, cela n'apparaît pas clairement dans votre graphique).

Que se passe-t-il au moment où vous introduisez un troisième produit?

Plutôt que d'essayer d'adapter une solution, pouvez-vous tester votre approche auprès des utilisateurs?

Puisque le but est de faire comprendre:

  • ventes totales, d'un mois à l'autre
  • les performances d'un produit par rapport à un autre

Pourriez-vous demander aux utilisateurs comment ils interprètent les données? 'Quel produit est plus performant', 'Quelles sont les tendances?'

Il peut s'avérer que votre présentation en noir et blanc peut fonctionner, mais en l'absence de test pour comprendre les données et leur tendance, vous n'atteindrez pas l'objectif d'une visualisation.

53
Mike M

Les graphiques à barres empilées utilisent souvent une couleur plus foncée en bas et une couleur plus claire en haut. Les couleurs plus foncées et plus audacieuses semblent fortes et soutiennent davantage ce qui se trouve en haut. Vos barres de graphique semblent lourdes, avec des zones noires "flottantes", plutôt que la barre donnant l'impression de "s'effiler vers le ciel". Décrire les barres aiderait également à arrêter le saignement d'une barre à une barre adjacente.

Voici une maquette rapide d'une alternative:

enter image description here

35
Roger Attrill

Si le noir et blanc correspond aux couleurs des produits, envisagez de décrire la barre blanche pour ajouter du contraste.

Quelques conseils: À prendre en compte lors de la création de graphiques à colonnes empilées

enter image description here

22
Nicolas Hung

J'aime souvent utiliser quelque chose comme # f5f5f5/# f1f1f1 comme fond gris clair - cela permet au blanc de se démarquer un peu (quoique subtilement). Ensuite, je peux ajouter une ombre ou une bordure subtile à l'objet blanc et il apparaît vraiment (Les témoignages ici par exemple https://zudu.co.uk/ ). Quelque chose de similaire peut fonctionner ici, mais je ne sais pas si les ombres fonctionneront sur les barres qui se touchent?

1
Mr DC