Question

我有一个用户数据点，用户ID，选择，选择结果的矩阵。现在，我可以拥有任意数量的用户（平均为15-50）和任意数量的选择（平均为14-20）。

我想向用户显示他们的选择，是否正确以及所有其他用户的选择以及他们是否也正确无误。通过这种方式，他们可以看到他们的表现以及他们与其他人相比的表现。

我正在考虑一个大网格;但是，无论用户是列还是行，都可能需要某种水平滚动条。

我假设没有“好”的方式在页面上显示这么大的网格（HTML5）。在那儿？有什么有趣的例子吗？

有人可以建议更有创意的方式来显示这些数据吗？也许，行是选择而用户是第一列......然后让他选择他想要比较的其他用户呢？

思考？实例

Answer 1

必须有很多方法可以做到这一点，但通常以一种容易消化的方式呈现大型数据集是一个好主意，并且能够放大/缩小。

我喜欢改进的“热图”的想法。对于每一行，将用户的选择与选择的总体平均值进行对比。 Here's a simple example，我假设每个选择都有正确/错误的答案。用户的选择颜色编码为红绿色，所有用户的平均值都在色谱上。您还可以展开点击的详细信息，并允许用户按各种指标对问题进行排序。

<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>

在网格中显示具有多个列和行的表的创造性方式

1 个答案: