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