it-swarm.com.de

Wie kann ich eine Farbpalette für mehrere Datenvisualisierungstypen auswählen?

Derzeit implementiere ich Google Visualization API in eine vorhandene Plattform. Eine Voraussetzung dafür ist die Möglichkeit, benutzerdefinierte Farben für Diagrammelemente (z. B. Kreisschnitte und Spalten) auszuwählen.

Wir werden Kreisdiagramme , (optional gestapelt) Balkendiagramme , (optional gestapelt) Säulendiagramme (und möglicherweise Streudiagramme irgendwann in der Zukunft).

Es gibt einige Bedenken, ob Farbpaletten als Gruppen von ähnlichen Farben bereitgestellt werden sollen, um dem Markenzeichen des Unternehmens zu entsprechen (# 138181), oder ob Farbpaletten mit unterschiedlichen Farben bereitgestellt werden sollen wie die in den folgenden Beispiellinks.

Ich bin der Ansicht, dass die Verwendung von nterschiedliche Farben leichter zu verstehen ist als ähnliche Farben , insbesondere wenn die Anzahl der Scheiben> 4 ist. Ich habe bisher nur ähnliche Farben gesehen, die in der verwendet wurden professionelle Medien, wenn die maximale Anzahl von Slices bei 5 liegt.

Der Kicker ist, dass generierte Diagramme zwischen 1 und 20 Slices haben (Pie Slices, Spalten oder Punktarrays bei Streudiagrammen).

7
msanford

Nach dem Prinzipien der Gruppierung , teilweise beschrieben durch das Gestaltprinzip von Prägnanz , werden gleichfarbige Elemente im Geist als Kollektiv gruppiert:

Das Gesetz der Ähnlichkeit - Der Geist gruppiert ähnliche Elemente in kollektive Einheiten oder Gesamtheiten. Diese Ähnlichkeit kann von Formverhältnissen abhängen, Farbe , Größe oder Helligkeit.

Wenn die Elemente, in diesem Fall Diagrammelemente, als differenzierte Entitäten behandelt werden sollen, sollten Sie unterschiedliche Farben verwenden. Die einzige Verwendung, bei der ähnliche Farben verwendet werden Es wäre ratsam, wenn die Diagrammelemente beim Teilen von Ähnlichkeiten gruppiert werden müssten.

Dies wird aus informativer Sicht betrachtet. Andere POV können berücksichtigt werden, da ähnlich farbige Elemente für Grafikdesignzwecke verwendet werden.

Beispiele

enter image description here

Dieses Diagramm ist ein perfektes Beispiel (unabhängig von den Beschriftungen). Grün gefärbte Stücke würden im Gegensatz zu rot gefärbten Stücken (zum Beispiel gesunde oder ungesunde Arten von Lebensmitteln) ein global ähnliches Attribut darstellen.


enter image description here

Dies ist eine übliche Verwendung von Farben. Gleichfarbige Balken repräsentieren dieselben Daten zu unterschiedlichen Zeiten.


enter image description here

Hier stellt die Ungleichheit der Farben verschiedene Arten von Elementen dar, die in keiner Weise gruppiert werden dürfen.


enter image description here

Schließlich können aus ästhetischen Gründen ähnlich gefärbte Elemente verwendet werden.


Als Bonus würde ich empfehlen, sich von Information is Beautiful 's unglaublichen Diagrammen inspirieren zu lassen (die übrigens Farben sehr gut nutzen).

6
Naoise Golden

Dies hängt von Ihrem Ziel ab: Wenn das Ziel darin besteht, das Branding eines Unternehmens zu Hause voranzutreiben, verwenden Sie ähnliche Farben. Wenn das Ziel jedoch darin besteht, verständliche Diagramme zu erstellen, verwenden Sie unterschiedliche Farben.

Ich würde jedes Mal mit unterschiedlichen Farben gehen. Der springende Punkt bei Grafiken ist, etwas in leicht verdaulicher Form darzustellen. Die Verwendung sehr ähnlicher Farben versucht tatsächlich, diesen Punkt zu umgehen.

2
Illotus

Es sollte möglich sein, ein Farbschema zu entwickeln, das sich gut mit der Markenfarbe kombiniert und gleichzeitig einen ausreichenden Kontrast zwischen den Farben beibehält. Da es keine gute Idee ist, ein Diagramm mit 20 Scheiben ungefähr derselben Farbe zu erstellen. Hier ist eine großartige Ressource für diese Art von Design: The NASA Color Usage Site.

0
Igor Asselbergs