視覚デザイン
視覚エンコーディング
Visual encoding
意味
データ値を位置、長さ、色、サイズ、形状、または他の視覚的なプロパティに対応付けます。
使用場面
意図した比較が容易かつ正確になるように、エンコーディングを選択します。
活用例
売上を棒の長さ、地域を位置に対応付けます。データ分析
視覚的なエンコーディング、軸、スケール、凡例、比較、傾向、分布、関係、パターン、およびアクセシビリティの選択肢を理解します。
12 件
視覚デザイン
Visual encoding
データ値を位置、長さ、色、サイズ、形状、または他の視覚的なプロパティに対応付けます。
意図した比較が容易かつ正確になるように、エンコーディングを選択します。
売上を棒の長さ、地域を位置に対応付けます。視覚デザイン
Axis
値のスケールと位置を示す参照線とラベル。
単位をラベル付けし、読みやすい目盛りを使用し、比較が必要な場合はゼロを表示します。
Y-axis: monthly revenue (million KRW).視覚デザイン
Scale
データ領域を視覚的な範囲にマッピングするルール。
データと質問に基づいて、線形、対数、時間、またはカテゴリカルのスケールを選択します。
乗算の差が分析の焦点である場合にのみ、対数スケールを使用します。視覚デザイン
Legend
色、形状、または線のスタイルが意味する内容を説明するキー。
直接的なラベルが不適切であり、カテゴリの順序を維持する必要がある場合に使用します。
Legend: New customers / Returning customers.比較
Bar chart
カテゴリを比較するために、バーの長さを使用するチャート。
離散的なカテゴリをランク付けまたは並べて比較するために使用します。
ソートされた水平バーグラフを用いて、製品カテゴリごとの四半期売上を比較する。トレンド
Line chart
順序付けられた値を接続して、通常は時間の経過とともに変化を示すチャート。
トレンド、季節性、および経時的な比較に使用します。
過去52週間の、アクティブユーザー数を週ごとにプロットする。階層と関係
Scatter plot
観測値を2つの数値変数で配置するチャート。
関連性、クラスタ、非線形パターン、および外れ値を調査するために使用します。
配送距離を配送時間に対してプロットし、都市ごとに色分けする。分布
Histogram
数値の値を区間にグループ化し、その頻度を示すチャート。
分布の形状、広がり、歪み、および複数のピークを調査するために使用します。
注文値を、一貫した10,000 KRWの単位で表示します。分布
Box plot
四分位数、中央値、およびヒストグラムを使用した分布のコンパクトな表示。
複数のグループにわたる分布を比較するために使用します。
運送業者ごとの配送時間分布を比較します。パターン
Heatmap
各セルの値の大きさを色で表すグリッド。
密な行列、カレンダーパターン、または 2 次元要約に使用します。
曜日と時間ごとの注文数を示すヒートマップ。比較
Small multiples
異なるグループに対して繰り返される、同様にスケーリングされたグラフのセット。
多くの系列を1つのチャートに重ねて表示せずに、パターンを比較するために使用します。
各地域について、同じ軸を使用する1つの月ごとのトレンドパネルを表示します。視覚デザイン
Accessible chart
視覚的、運動、および認知的な違いを超えて理解しやすいように設計されたチャート。
テキストの代替、十分なコントラスト、直接的なラベル、および色以外のヒントを使用してください。
カテゴリやステータスを伝えるために、色だけを使用しないでください。
赤と緑の色の組み合わせだけでなく、線スタイルとラベルの両方を使用します。