如何创建一个范围内随机数的简单分布图(java或javascript)

Question

在我的简单应用程序中，我经常选择一个给定范围（0.~500000）内的随机数。我需要一种简单的方法来在浏览器中可视化分布。所以输出选项是png，html/js，svg，ascii。

数据存储在一个简单的映射（guava的AtomicLongMap）索引->计数中。我不需要任何选择。我只想看看这些报道的粗糙质量。一个专门用于可视化分布的工具，可以直接提供映射（或序列化为json的映射），这将是最好的选择。在json中，数据看起来像这个

{
   "0":6
   "1":3
   "2":4
   "3":0
   "4":2
}

（对于[0..4]范围）

我首先看了jfreechart和谷歌图表，因为两者都需要将我的地图转换为特殊的数据格式，并且我必须提供标签（我不需要任何标签）。几年前，我曾与Birt合作，但对于我的简单要求来说，这也是非常复杂/过分的。

Answer 1

一个简单的方法是创建一个图像，并为每列绘制一条高度为每个随机数的线。一个简单的java代码看起来是这样的。

final int AmountNumbers = 1000;
final int MaxSize = 500000;
// create Random Numbers
Random rnd = new Random();
ArrayList<Integer> randomNumbers = new ArrayList<>();
for(int i = 0; i < AmountNumbers; i++)
    randomNumbers.add(rnd.nextInt(MaxSize));
// create picture
int width = AmountNumbers, height = 200;    
BufferedImage bi = new BufferedImage(width, height, BufferedImage.TYPE_INT_ARGB);
Graphics2D ig2 = bi.createGraphics();
ig2.setPaint(Color.red);
// draw lines for every number
for(int i = 0; i < AmountNumbers; i++){
    int rndNumber = randomNumbers.get(i);
    ig2.drawLine( i, rndNumber * height / MaxSize, i,  height); 
}
// save as png
ImageIO.write(bi, "PNG", new File("chart.PNG"));