時系列グラフの「しきい値」の線の色は適切ですか?


9

ネットワーク/サーバー操作のコンテキストで時系列メトリックをプロットしています。データのサンプルレートは5分で、CPU使用率、エラー率などで構成されています。

グラフに水平の「しきい値」線を追加して、それを超えると人々が心配/注意する必要のある値のしきい値を視覚的に示します。たとえば、CPU使用率の例では、おそらく「心配」のしきい値は75%です。

私のチームは、この線が何色であるかについて内部の議論をしています:

  1. 背景グリッドとデータラインからはっきりと目立つ鮮やかな赤のようなもので、これは警告状態であることを示しています
  2. 線の「インク」は実際のデータを表していないため、もっと微妙で赤くはないはずです。そのため、不必要に注意を引くべきではありません。

ガイダンス/ベストプラクティスに感謝します...

回答:


10

それがあなたのスタイルガイドを壊さないなら、私は単に線をプロットするよりもプロットの背景を赤/(黄/)緑に着色したいと思います。私の想像では、これは、値が緑で問題なく、赤でチェックされることをユーザーにかなり明確にするはずです。ちょうど私の5¢。


完全に同意する。背景にすることは明らかにデータではありませんが、色を付けることで「状態」の明確な変化を示します。
Ian Turner

1
色を使いすぎないようにするには、ライトグレーなどの中間色のバンドを表示します。ただし、フォアグラウンドで高レベルの透明度を表示します。つまり、このしきい値を超えるデータラインの部分は、「通常の」バンドよりも背景とのコントラストが大きいため、自動的に「ポップ」します。
AdamV 2010

おかげで、ツールセットでこれを行う方法を見つけました(グラフの「危険」部分に高い透明度のオーバーレイ)。
MikeF 2010

2
私は、背景のオプションが良い考えであることに同意します。しかし、赤/緑はそうではありません-私のオフィスメイトは色覚異常であり、違いを見分けることができません。そのため、「信号機」の観点からは問題ありませんが、問題が発生する可能性があります。
Andrew、

4

線が実際のデータを表すかどうかは私には関係ないようです。プロットのポイントは何ですか?使用率がしきい値を超えたときに誰かが何かをするようなものである場合は、しきい値を示す線が非常に目立つようにする必要があります。プロットのポイントが時間の経過に伴う使用状況の概要を示すことである場合、なぜ線を含めるのですか?しきい値(例では25%)と一致する間隔でプロットの主グリッド線を配置し、読者にそれを理解させるだけです。

... y'allはTufteを読みすぎました。


1
実際、一部の人々はTufteを福音として取り入れ、特に柔軟ではありません...
MikeF 2010

物事を理解するために読者を任せることは、数え切れないほどの問題の原因となっています。あなたはあなたのメッセージを正しく伝えなければなりません、そしてあなたのメッセージがこのライン上のデータであるなら問題であるあなたは関係しているラインを示さなければなりません。
Ian Turner

... 正しい。それが彼のメッセージの一部であるならば、私が彼にそれを読者に任せることを勧めなかった。しきい値がプロットの一部でない場合、彼はそれを完全に省略するか、微妙な視覚的手掛かりを組み込んで、読者がそれを探したかったかどうかを見つけやすくすることができると言っていました。
マットパーカー

3

これが「Qnotifier」に関するものである場合は、しきい値の線を濃い灰色でプロットして、区別できるようにして邪魔にならないようにする必要があると思います。次に、警告のような色相でしきい値を超えた部分を赤のように色付けします。


いいえ、Qnotifierとは関係ありません。それは私のものではありません。これは商用製品です。私が扱っているデータは、それと非常によく似ています。「しきい値を超えた部分に色を付ける」には完全に同意しますが、現在ここで使用されているプロットツールでは、そのレベルの制御は許可されていません。:-(
MikeF 2010

残念すぎる…それでも、スレッショルドラインの色だけで同じトリックを作成できます。

@MikeF:ツールは過剰にプロットできますか?つまり、各データポイントに小さなドットのある線をプロットし、次にしきい値の上にのみ大きな円を(その上に)プロットします。これにより、しきい値を超えるポイントに一種のブルズアイができます。色覚障害全体を回避し、すべてを同じコントラストのままにします。
ウェイン、

ツールはそれを行うことはできませんが、データを2つの系列に分割します。1つはしきい値より上の点のみ、もう1つは下の点です。それらを同じ軸に異なる色でプロットします。興味深い...
MikeF

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.