web-dev-qa-db-ja.com

分類されたデータの進行状況を視覚化する方法は?

背景:

ボルダリングの進捗状況をナイスグラフで視覚化したいと思います。

私のローカルクライミングジムでは、ボルダーの問題にはさまざまな色があります。白->非常に簡単です。黄色->簡単;緑->それほど簡単ではない...

各色には複数の問題があります(約10)。合計数が異なるので数えるのも難しいので、私にはわかりません。また、特定の色について私が解決したすべての問題を数えるのも面倒になります。したがって、その数が少ない場合は解決された問題を数え、それが小さい場合はまだ解決されていない数を数えます。

このデータを使用して、時間の経過に伴う進捗状況を視覚化したいと考えています。

基本的に、各データポイントが各時点の次の種類の複数のタプルで構成されるデータを視覚化したいと思います。

(category, direction, value)

カテゴリには限られた数の値(約5)があり、厳密な順序があります。実際の値は0を含む正の整数です。方向は、値の意味です。「解決された問題の数」または「まだ解決されていない問題の数」。

常に複数のタプルがあることに注意してください。たとえば、黄色の問題のうち2つと3つの緑の問題を除いてすべて解決することができます。

これを視覚化する良い方法は何でしょうか?

サンプルデータ(コメントで要求されたとおり)形式:整数としての日。カテゴリー;方向;値

1; yellow; not solved yet; 4
2; yellow; not solved yet; 2
    green; solved; 1
3; yellow; not solved yet; 0
    green; solved; 1
4; yellow; not solved yet; 3 
    green; solved; 2
5; yellow; not solved yet; 0
    green; solved; 3   
6; yellow; not solved yet; 0
    green; solved; 1
7; yellow; not solved yet; 0
    green; solved; 6
8; yellow; not solved yet; 0
    green; not solved; 7
9; yellow; not solved yet; 0
    green; not solved; 6
10; yellow; not solved yet; 0
    green; not solved; 5
11; yellow; not solved yet; 2
    green; solved; 3
12; yellow; not solved yet; 1
    green; solved; 5
    orange; solved; 1
13; yellow; not solved yet; 0
    green; not solved; 6
    orange: solved; 1

私が役立つと思うプロパティ

私はソリューションの次の特性を期待します:

  • 時間は左から右に移動します。これは、タイムラインが表されるのを見るのに慣れているからです。

  • 高い値は、ある値より低い値よりもある種類のy軸上に表示されます

  • 解決されていない値は、より大きな成果を表すため、解決された値よりも、ある種のy軸上に高く表示されます。

これらは要件ではなく、ソリューションに期待するものにすぎません。

1
Jens Schauder

データを理解するのにまだ少し苦労していると思いますので、これまでコンセプトを思いついたプロセスを経て、それがデータを明確にするのに役立つか、自分で使用できるものを作成するのに役立つことを願っています。

  1. データを個々のコンポーネントに分解し、何らかの方法でエンコードします。4つの情報があり、それぞれに値と情報をエンコードする方法があるため、この例では日が数字であり、問​​題は色です。値は数値で、方向はブール値(2つの反対の値または相補的な値)です。
  2. データを意味のある最小の情報単位(この場合は4つの情報)にグループ化します。追加の情報単位はグループ化され、前の値のグループと並んで配置されます。
  3. データをより大きな情報のブロックにグループ化します。この場合は、1日の問題をいくつでも解決できるので、これが日です。
  4. 論理的な順序に従ってデータを配置します。この場合、日によって情報が時系列で並べ替えられているため、これは日です。

データの使用についてより具体的に説明できる場合は、最初の概念を理解および改善するのに役立ちます。

enter image description here

コメントとフィードバックに基づく更新:

enter image description here

解決済みと未解決を比較する唯一の方法は、行を半分に分割し、次のように1つを高く、もう1つを低くすることです。

enter image description here

1
Michael Lai