用canvas绘制象素概率图，做数据新闻用得上的小工具

1.象素概率图

随着社会的进步，概率（百分数）与生活的关系也越来越紧密。足球比赛的概率、交通事故发生的概率、中彩票的概率、涨工资的概率等等不一而足。概率的百分数表示不够直观和形象，尤其是对小概率的表示。用象素概率图表示事件发生可能性，则会比较直观，易于理解。1000乘1000象素的图片即可表示百万级别的分数，象素概率图可以广泛的应用于数据新闻生产。

1.1双色球五等奖【10元】概率图（约为0.77%）：

双色球五等奖概率图

1.2小编今年涨工资的概率图（约为0.01%）：

涨工资概率图

从以上对比图中可以清晰的得出结论，还是买彩票比较靠谱。俺们涨工资的难度比得上巴萨6-1惊天逆转巴黎了吧。

2.象素概率图小工具

地址：象素概率图

象素概率图小工具操作页面

利用该小工具，你可以定义画布的大小，点个数，背景颜色，点颜色等变量。

因为性能等原因，对自定义变量做了一些限制，其中画布最大宽度5000px，最小宽度10px；画布最大高度5000px，最小高度10px；最多点数量50000个，最少点数量1个。

3.象素概率图程序

程序的基本思路是在X轴（画布宽），Y轴（画布高）上随机选点放到集合SET中，直到集合在点数达到指定个数为止，用canvas的fillRect方法绘制背景后，取集合中的（x，y)绘制一象素大小的点。

3.1页面程序：

象素概率图生成工具示例程序

3.2JS集合类（collection.js）：

作者：毛三十
链接：https://www.jianshu.com/p/3e7a99365917