可视化分布随时间的变化
visualising changes in a distribution over time
我将数字分布作为数字列表给出，允许重复，例如 [0, 0.1, 0.1, 0.1, 0.2, 0.5]。
此分布随时间而变化。每个分布可能有不同数量的元素，但通常大小应该相似
我试图在 Javascript 中可视化这种分布变化，但找不到令人满意的解决方案。我已经将 plotly 用于其他可视化，因此 plotly 中的解决方案将是首选，但不是必需的。
我目前的方法是用热图制作散点图，并通过为每个新分布提供一个新的顺序生成的 x 坐标来输入数据点，同时将分布的条目视为 y 坐标。当顺序生成的数字与分布中的数字相比较小时，此方法相当有效，但在其他情况下看起来很奇怪，因为我不知道如何告诉散点图 x 坐标是人为的，并且两者之间永远不会有数据点两个后续的 x 坐标。
为了加分，找到一种很好地可视化它的方法，即使分布可以基于截然不同的元素数量。
我在 Javascript 中找不到标准解决方案，但我找到了解决方法：
我显示了一个有 11 条线的图表。每条线都是我正在跟踪的分布的 10% 分位数。一开始有点不直观，但是一旦你习惯了就会非常有用。
我将数字分布作为数字列表给出，允许重复，例如 [0, 0.1, 0.1, 0.1, 0.2, 0.5]。
此分布随时间而变化。每个分布可能有不同数量的元素，但通常大小应该相似
我试图在 Javascript 中可视化这种分布变化，但找不到令人满意的解决方案。我已经将 plotly 用于其他可视化，因此 plotly 中的解决方案将是首选，但不是必需的。
我目前的方法是用热图制作散点图，并通过为每个新分布提供一个新的顺序生成的 x 坐标来输入数据点，同时将分布的条目视为 y 坐标。当顺序生成的数字与分布中的数字相比较小时，此方法相当有效，但在其他情况下看起来很奇怪，因为我不知道如何告诉散点图 x 坐标是人为的，并且两者之间永远不会有数据点两个后续的 x 坐标。
为了加分，找到一种很好地可视化它的方法，即使分布可以基于截然不同的元素数量。
我在 Javascript 中找不到标准解决方案，但我找到了解决方法：
我显示了一个有 11 条线的图表。每条线都是我正在跟踪的分布的 10% 分位数。一开始有点不直观，但是一旦你习惯了就会非常有用。