ゲージ：データの視覚化に使用する必要があります

データの視覚化は、さまざまなツールを含む情報を提示する効果的な方法です 。 ゲージ（スケール、インジケーター）-そのようなツールのタイプの1つで、人気がなければ、間違いなく頻繁に使用されます。 しかし、このタイプの視覚化はどれほど便利で、使用する価値はありますか？



視覚化のゲージは、実際の測定機器（温度計、タコメーター）を模倣し、そのようなものではないユニークな外観を持つことができます。







これらのタイプを区別できます。

• シンプル（デジタルダイヤル）;
• インジケータ（色、図によって特定の状態を表示）;
• 線形（温度計のような垂直、水平）;
• ラジアル（タコメーターのような）。

ゲージは、主に意味と補助要素で構成されています。







これらの要素はサイズにおいて重要な位置を占め、これが最初の欠点です-ゲージには多くの情報が含まれていないためです。 ほとんどの場合、これは1つのメトリックと少しの追加データのみであり、この場合、場所は非効率的に使用されます。







ゲージは、現時点で単一のメトリックを視覚化するために使用されるため、この手法はデータの比較と傾向の評価に適していないのです。 それらを使用すると、全体像を理解できません。したがって、それらの適用範囲は非常に狭いです。







しかし、ゲージを使用する価値があり、計り知れないほどのメリットをもたらす状況がまだあります。 彼らは知覚に便利な形で特定の瞬間に情報を表示するだけなので、これはユーザーからの迅速な応答を見つけ、彼の即時の行動につながります。 それがタコメーターがまだ車で使用されている理由です-ドライバーからの迅速な応答が必要です。







ゲージは、調整する必要があるものに応じて、メトリックのデモンストレーションに最適です。 たとえば、速度、温度、ガソリン/水位、価格レベル、株価、視聴回数または販売数。









ゲージを使用することのプラスの効果は、ゲージを正しく適用することで強化できます。 DevExtreme Data Visualizationコンポーネントを例として使用して、 ゲージを使用するためのオプションを以下に示します 。 すべての例はここで触れることができます 。

最初のヒント- このタイプの視覚化を使用して、1つの値のみを表示します 。 多くのメトリックは、主な利点である値の迅速な推定を混乱させ、無効にします。







線形タイプを作成するには、 dxLinearGaugeコンポーネントを次の設定で使用します。



さまざまな種類のゲージを使用して、画面スペースをより有効に活用します。 垂直ゲージと水平ゲージは、スペースをあまり使用しない場所に配置し、放射状ゲージの場合は、さまざまな種類のスケールジオメトリを使用します。







このような画像を取得するには、次の設定でdxCircularGaugeコンポーネントを使用します。



各メトリックについて、適切なビューを使用します 。 たとえば、歴史的には、温度には線形タイプを使用し、速度には放射状タイプを使用する方が適切でした。







ラジアルタイプを作成するには、dxCircularGaugeと次の設定を使用します。



追加情報を使用し 、覚えておいてください-それはあまり多くないはずであり、意味自体から注意をそらすべきではありません。 たとえば、線形タイプと放射状タイプのスケールは、異なる間隔で情報を表示し、スケール値の解釈を簡素化するために、異なる色でペイントされることが非常に多くあります。









追加情報を追加するには、これらの設定を使用する必要があります。



進行状況を強調表示する壮観なゲージを使用します。例：







ところで、これはいくつかのメトリックを表示するタイプの1つであり、それらの比較に適しています。 作成するには、 dxBarGaugeコンポーネントと次のパラメーターを使用します。