ドルの金額に基づいて棒グラフを作成して表示するWebアプリがあります。典型的なグラフは次のようになります。
ご覧のように、グラフの下部にあるレイヤーには、金額が小さすぎて、ラベルを重ねずに表示するには小さすぎます。
これを補正して、グラフの下部を読みやすくするための最良の方法は何ですか?
私が考えたこと:
あなたの質問は主にラベルに焦点を当てていますが、支払いの順序を示すことに加えて、要素が支払いのためにいくつかのエンティティ間で分割されているときを示すことにも言及しました。
つまり、積み上げ棒グラフがあります-グラフのように重い要素を持ち上げているようなものです。
ユーザーは、理解する必要がある場合がありますおよび操作/探索:
ユースケース全体(および制約)はわかりませんが、視覚化タイプを変更することを検討してください。
トレードオフはいくつかありますが(視覚的なゲシュタルトよりも読み取りが多いなど)、並べ替え可能な方法でデータを前面に出し、目の疲れや解釈のない小さな%カテゴリを表示できます。
サマリーテーブルでは次のことができます。
視覚化は大きなダッシュボードの一部ですか?
その場合は、テーブル自体に色の凡例を配置して、他の視覚化と密接に関連付けることができます。
積み上げ面の例では、ユーザーは高さを使用してマグニチュードの比較を一目で確認する必要があります。
水平チャートを使用すると、長さによって値を評価する人間の能力を利用できます。表の上にある並べ替えコントロールを使用して、探索を強化できます。
Show me the Numbers、by Stephen Few(pg 94) :
視覚は高度に調整されており、共通のベースラインを共有するオブジェクトの長さの違いを確認できますが、2D領域の違いを見分けるのには適していません。
いくつかの種類のグラフ と ドリルダウン の機能を組み合わせて試すことができます。