Javascript 可视化分布随时间的变化

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

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

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

我目前的方法是用热图绘制散点图，并通过给每个新的分布赋予一个新的顺序生成的x坐标来输入数据点，同时将分布的条目视为y坐标。当顺序生成的数字与分布中的数字相比很小时，这种方法相当有效，但在其他情况下看起来很奇怪，因为我不知道如何告诉散点图x坐标是人为的，并且在两个后续的x坐标之间永远不可能有数据点

---

要获得额外的积分，请找到一种方法来很好地可视化它，即使发行版可以基于数量截然不同的元素。

我找不到Javascript的标准解决方案，但我找到了一种解决方法：

---

我展示了一个有11条线的图表。每行是我正在跟踪的分布的10%分位数。一开始它有点不直观，但一旦你习惯了它，它的信息就会非常丰富。

你需要

ggplot2

中的

geom\u density

之类的东西，但这只在R中可用。这可能有助于你的搜索。