web-dev-qa-db-ja.com

データテーブルの比較

ユーザーが2つ以上のデータテーブルを各テーブルに複数(つまり4)列で比較できるようにする効果的なパターンは何ですか?

たとえば、会社の過去4年間の地理的収益の4行と4列のテーブル[〜#〜] abc [〜#〜]に、別の会社を追加したいと思います比較(または複数の会社)。

この場合、値を元のテーブルと比較するためにこの2番目のテーブルをどのように表示しますか?

行または列が1つしかない場合は簡単ですが、この場合は複数の行と列があります。どんな例でも役に立ちます!

3
imagine

Edward Tufteの楽しいデータ:がん死亡率

enter image description here

ここから何が見えますか?

  • Tufteは楽しい例について少し知っています
  • 長年にわたる死亡率のダイナミクス。

それを私たちの例にどのように適用できますか?文字通り:

enter image description here架空の会社の数十億ドル単位のヨーロッパの収益。同社のCEOは、このデータの視覚化をうまく利用して、ビジネスジェットに値することを証明しました。

私たちの場合、グラフはさらにわかりやすくなっています。タフテの患者は全員死にかけていますが、私たちの地域は出現することも、倒れることもあります。そして、それはすぐにわかります。

1
Ivan Braun

違いを視覚的に示して、並べて表示することを検討してください。

重要なこと(変更/差異、値が高いか低いかなど)を詳しく説明できればそれは役立ちますが、提供された限られた情報に基づいて何かを実装する場合は、2つの表を表示することを検討します並べて表示(これが可能であると仮定すると、例では、データオーバーヘッドが多すぎない4つの列を示しています)。最初のテーブルは「参照」ですが、2番目のテーブルのセルは、最初のテーブルとの違いを示すためにマークされます(おそらく、低い値は赤、高い値は緑に色付けされています)。

Example of two tables, side by side, with cells colored to indicate differences.

これを、会社を入れ替える簡単な方法と組み合わせたり、ユーザーが重要な列のみを選択して情報で圧倒されないようにするための何らかの基本的な「クエリビルダー」と組み合わせることができます。

色を使用する場合は、セルの色の彩度を調整して、値の差がどの程度大きいかを確認することもできます。

この考え方は、データの構造に応じて適切な場合とそうでない場合があります。このアイデアを選択した場合、視覚障害者に合わせて色を調整する必要があるかもしれません。

-編集-

視覚障害者に関するAndrew Martinのコメントに基づいて、セルの小さな矢印アイコンを使用して色ではなく違いを示すなど、このアイデアの同様の実装を検討できます。さらに、彼のコメントによると、これらの「差異インジケータ」は、意味を明確にする文を必要とし、インターフェースに不慣れな人に意図しない意味を伝え、すべての列/行に適切ではない場合があります。

1
TernaryTopiary

データを1つのテーブルにマージして、このように表示できますか?これにより、ユーザーは2つのテーブル間を行き来する必要がなくなり、小さいビューポートでの使用が容易になる場合があります。

Chart with A/B comparisons in one table

0
Stacy H