web-dev-qa-db-ja.com

複数のデータ視覚化タイプのカラーパレットを選択するにはどうすればよいですか?

現在 Google Visualization API を既存のプラットフォームに実装しています。その要件の1つは、グラフ要素(円グラフのスライスや列など)のカスタム色を選択できることです。

円グラフ 、(オプションで積み上げ) 棒グラフ 、(オプションで積み上げ) 列を作成しますチャート (および将来的には scatterplots となる可能性があります)。

会社のブランドに合わせるために類似色のグループとしてカラーパレットを提供するか、または(=====-)のカラーパレットを提供するか = --- ==)以下の例のリンクにあるような異なる色

別の色 を使用すると、 類似の色 よりも理解しやすく、特にスライス数が4より大きい場合に、私はそう思います。スライスの最大数が約5の場合、プロのメディアで使用されている同様の色を見たことがあります。

キッカーは、生成されたチャートが1〜20のスライス(散布図の場合は、円スライス、列、またはドット配列)を持つことです。

7
msanford

Prägnanz のゲシュタルト原理によって部分的に説明されている グループ化の原則 によれば、同じ色の要素は集合体として心の中でグループ化されます。

類似性の法則–心は類似した要素を集合エンティティまたは全体にグループ化します。この類似性は、フォームの関係colorに依存する場合があります、サイズ、または明るさ。

要素(この場合はグラフ要素)を差別化されたエンティティとして扱う場合は、異なる色を使用する必要があります。同様の色が推奨されるのは、類似性を共有する場合、グラフ要素をグループ化する必要がありました。

これは情報の観点から取得されます。グラフィックデザインの目的で同様の色の要素を使用するため、他のPOVを考慮することができます。

enter image description here

このチャートは完璧な例です(ラベルを気にしないでください)。緑の色の部分は、赤の色の部分とは対照的に、グローバルに類似した属性を表します(たとえば、健康食品と不健康な種類の食品)。


enter image description here

これは一般的な色の使用です。同じ色のバーは、異なる時間の同じデータを表します。


enter image description here

ここで、色の不一致はさまざまな種類の要素を表しており、決してグループ化されていません。


enter image description here

最後に、似たような色の要素を美的な理由で使用できます。


おまけとして、私は Information is Beautiful の信じられないほどのチャート(ちなみに、色を非常にうまく利用しています)からインスピレーションを得ることをお勧めします。

6
Naoise Golden

これはあなたの目標に依存します。目標が本拠地のブランド化を促進することである場合、同様の色を使用します。一方、目的がわかりやすいグラフを作成することである場合は、異なる色を使用します。

毎回違う色で行きます。グラフの要点は、簡単に消化できる形式で何かを説明することです。非常に類似した色を使用すると、実際にはこの点を打ち破ろうとします。

2
Illotus

色間の十分なコントラストを維持しながら、ブランドカラーとよく調和する配色を開発することが可能であるべきです。ほぼ同じ色の20スライスのチャートを作成することはお勧めできません。このタイプのデザインの優れたリソースを次に示します。 NASA Color Usage Site

0
Igor Asselbergs