1

ユーザーデータポイント、ユーザーID、選択、選択結果のマトリックスがあります。これで、任意の数のユーザー (平均は 15 から 50) と任意の数の選択 (平均は 14 から 20) を持つことができます。

ユーザーの選択が正しかったかどうか、および他のすべてのユーザーの選択と、それらも正しいかどうかをユーザーに表示したいと思います。そうすれば、彼らは自分がどのようにやったか、他の人と比べてどのようにやったかを見ることができます.

私は大きなグリッドを考えていました。ただし、ユーザーが列であるか行であるかに関係なく、おそらく何らかの水平スクロールバーが必要になるでしょう。

このような大きなグリッドをページ (HTML5) に表示する「良い」方法はないと思います。ある？興味深い例はありますか？

誰かがこのデータを表示するためのより創造的な方法を提案できますか? おそらく、行は選択であり、ユーザーは最初の列です...そして、比較したい他のユーザーも選択させますか？

考え？例？

4

1 に答える 1

1

これを行うには多くの方法があるはずですが、通常は、ズームイン/ドリルダウン機能を使用して、簡単に消化できる方法で大規模なデータ セットを表示することをお勧めします。

修正された「ヒート マップ」のアイデアが気に入っています。各行について、ユーザーの選択を選択の全体平均と対比します。 これは簡単な例です。ここでは、各選択に正しい/間違った答えがあると仮定しました。ユーザーの選択は赤と緑で色分けされ、すべてのユーザーの平均がカラー スペクトルに表示されます。クリックで詳細を展開し、ユーザーがさまざまな指標で質問を並べ替えられるようにすることもできます。

<div class="cont">
    <div class="label">Correct selections:</div>
    <div class="selection">5</div>
    <div class="selection">10</div>
    <div class="selection">8</div>
    <div class="selection">25</div>
    <div class="selection">8</div>
    <div class="selection">22</div>
    <div class="selection">2</div>
    <div class="selection">0</div>
</div>
<div class="cont">
    <div class="label">Your selection:</div>
    <div class="answer">correct</div>
    <div class="answer">incorrect</div>
    <div class="answer">correct</div>
    <div class="answer">correct</div>
    <div class="answer">incorrect</div>
    <div class="answer">correct</div>
    <div class="answer">correct</div>
    <div class="answer">correct</div>
</div>​
于 2012-12-05T06:59:13.917 に答える