用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):

JS集合类
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,812评论 25 709
  • 1.双色球彩票简要介绍 双色球是中国福利彩票的一种玩法。由中国福利彩票发行管理中心统一组织发行。 开奖时球分为两种...
    毛三十阅读 25,337评论 1 7
  • 前言 其实读完斯坦福的这本《互联网大规模数据挖掘》,让我感觉到,什么是人工智能?人工智能就是更高层次的数据挖掘。机...
    我偏笑_NSNirvana阅读 12,843评论 1 23
  • 摄影/老黄 文/老黄/段二 黄花烂漫满田头, 画里春光眼底收。 化作彩蝶丛中舞, 无限江山竞风流!
    妖娆郎阅读 224评论 0 1
  • 想了想,还是想找回一个好用的笔记类APP,简书的定位应该是写作与阅读。 记录一些个人之事,或是写日记,或是其他知识...
    岚风的叶子阅读 403评论 0 0