javascript - 可视化分布随时间的变化

Question

我有一个以数字列表形式给出的数字分布，允许重复，例如 [0, 0.1, 0.1, 0.1, 0.2, 0.5]。

这种分布会随着时间的推移而变化。每个分布可能有不同数量的元素，但通常大小应该相似

我试图在 Javascript 中可视化这种分布的变化，但找不到令人满意的解决方案。我已经使用plotly进行其他可视化，因此plotly中的解决方案是首选，但不是必需的。

我当前的方法是使用热图制作散点图，并通过为每个新分布提供一个新的顺序生成的 x 坐标来输入数据点，同时将分布的条目视为 y 坐标。当顺序生成的数字与分布中的数字相比较小时，这种方法效果相当好，但否则看起来很奇怪，因为我不知道如何告诉散点图 x 坐标是人为的，并且之间永远不可能存在数据点两个后续的 x 坐标。

为了获得额外的分数，即使分布可能基于数量截然不同的元素，也要找到一种很好的可视化方法。

Answer 1

我在 Javascript 中找不到标准解决方案，但我找到了解决方法:

我显示了一个包含 11 条线的图表。每条线都是我正在跟踪的分布的 10% 分位数。一开始它有点不直观，但一旦你习惯了它，它就会提供很多信息。