资讯频道 → 互联网
阅读更多

31顶
2踩

互联网

原创新闻 2014世界杯冠军预测图（基于大数据与JS）

2014-06-03 18:01 by 副主编 wangguo 评论(17) 有28581人浏览
大数据 可视化 D3.js

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

四年一度的球迷狂欢节就要到了，32强已经准备就绪，6月13日开始将为全世界的球迷带来顶级的足坛盛宴。

自32强分组以来，关于各支球队胜负的预测从未停止过。就连《时间简史》的作者、世界著名物理学家霍金都通过科学公式预测出英格兰队要想在2014世界杯上夺冠需要具备的要素。

开发者Andrew Yuan利用大数据和前端技术制作了一个预测信息图，来看看你支持的球队夺冠几率如何吧？（足球是圆的，一切皆有可能，本文不对该数据负责）。

演示地址：http://andrewyuan.github.io/EDAV-project.html



鼠标放在图中某个节点、国家名称、地图区域上，左图中即会显示该国家队在世界杯各轮比赛中获胜的几率。

该项目的实现方式：

  • 收集数据：自1930年以来的FIFA官方比赛比分、自1993年以来215个不同国家和地区的排名、32个国家838场比赛的地理位置数据
  • 将CSV格式数据汇总，转换为JSON格式
  • 通过各种公式计算概率
  • 使用D3.js将结果可视化


具体实现方式：http://andrewyuan.github.io/methodology.html（使用方向键查看）

项目源码：https://github.com/andrewyuan/andrewyuan.github.io/blob/master/EDAV-project.html
  • 大小: 593.2 KB
  • 大小: 311.3 KB
31
顶
2
踩
评论 共 17 条 请登录后发表评论
17 楼 somefuture 2014-06-20 13:25
西班牙已经要gohome了，难道要换智利了。这是按照小组的吗
16 楼 mmhotsky 2014-06-20 10:24
英格兰已经连输2场要回家了，怎么破？
15 楼 wuxw920 2014-06-18 15:34
膜拜LZ。。。求赐教。
14 楼 parchingo 2014-06-17 16:22
   赞一个
13 楼 caozhangyingfei0109 2014-06-17 11:31
有点意思，嘿嘿
12 楼 wangguo 2014-06-13 10:53
【转】中国队才是真正的无冕之王：
  • 在长达84年十九届世界杯的历史上，仅有三支国家队战胜过中国国家队，分别是巴西、土耳其、哥斯达黎加。
  • 即使是巴西这样的世界强队也仅战胜过中国队一次。而中国队从未在世界杯点球大战中失利过，从来没有一支球队能够在世界杯上击败过中国队两次。
  • 世界杯史上共产生八支冠军球队，也只有巴西队曾经战胜过中国队。欧洲诸强德西荷法英意葡等从来没有世界杯上战胜过中国。
  • 中国队在世界杯上丢球数远少于足球之国巴西和以防守见长的意大利，在过去84年里，中国队只丢了9个球。
  • 世界上除了巴西，中国是另外一支敢在胸前绣五颗星的队。
11 楼 xiao_wgs69 2014-06-09 17:35
10 楼 mailyupeng 2014-06-06 22:02
9 楼 fxfyj1227 2014-06-05 13:42
厉害，膜拜。
8 楼 wuxi7227 2014-06-04 17:53
D3在使用中，不错的东东
7 楼 ZZX19880809 2014-06-04 13:07
每年都有不同的超级球星崛起和老去退出～当年的巴西，现在的
6 楼 mfkvfn 2014-06-04 11:14
怎么不放到首页了
5 楼 sleepingcat 2014-06-04 09:52
好厉害
4 楼 wangguo 2014-06-04 09:33
mfkvfn 写道
引用
就连《时间简史》的作者、世界著名物理学家霍金都通过科学公式计算出英格兰队将在2014世界杯上夺冠。

霍金有够无聊的。他预测英格兰冠军，是因为他是英国人吧

文章中有错误，霍金是预测出英格兰要想夺冠需具备的要素，文中已更改。
3 楼 mfkvfn 2014-06-04 09:25
引用
就连《时间简史》的作者、世界著名物理学家霍金都通过科学公式计算出英格兰队将在2014世界杯上夺冠。

霍金有够无聊的。他预测英格兰冠军，是因为他是英国人吧
2 楼 mpren 2014-06-04 08:19
1 楼 baiyejianxin 2014-06-04 08:14
不得不赞一下

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Ext.FormPanel

    //labelAlign参数labelAlign:此参数是指form表单中items各项的label位置，默认值为left，枚举值有left,right,top 1.valueField:"valuefield"//value值字段 2.displayField："field"//显示文本字段 3.editable：false...

  • extjs 获取id的值,如何从Ext窗口文本框中获取用户输入值？

    var win1items = new Ext.form.FormPanel({ //snip items: [{ xtype: 'fieldset', defaultType: 'textfield', items: [{ fieldLabel: 'Number', allowBlank: false, name: 'Number', width: 110, cls:"txtfield" }]...

  • ext radio 获取值

    var completePanel = new Ext.FormPanel({ layout:"table", height:390, defaults:{ labelAlign: 'right', layout:"form", border:false, labelWidth:30, bodyStyle:"padding:1px" }, layoutConfig:{ col

  • Ext JS FormPanel 提交数据总结....

    今天研究FormPanel提交表单数据研究了半天.. 终于把表单提交成功了... 趁现在还记得问题，做一下总结: ... 在Ext中FormPanel并中并不保存表单数据，其中的数据是由BasicForm保存，在提交表单的时候需要获...

  • Ext.FormPanel之第四式

    11.checkbox简单示例效果图：js代码：Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Ext.onReady(function(){ Ext.... var myform=new Ext.FormPanel({

  • Ext.FormPanel 及控件横排显示

    在Ext 框架 中也提供了很多这方面的控件，而且还有一个专门的FormPanel布局，该布局默认为放在面板上面的所有控件都是换行放置，而在实际应用中为了美观，有些需要横排，特别是Radio控件，这个时候就需要...

  • ExtJs2.0学习系列(8)--Ext.FormPanel之第五式(综合篇)

    在上篇和前面的介绍中，我们...先来个简单的例子，以说明formpanel如何把数据传给其他页面。 效果图： 现在我们要实现的效果是：点击确定，把值传到另一页面！，如下： 原页面js代码为： Ext.onReady(fun...

  • Ext JS 学习(8) Ext.FormPanel 组件的使用第五式(FormPanel的综合使用,提交页面到后台)

    先来个简单的例子，以说明formpanel如何把数据传给其他页面。效果图：现在我们要实现的效果是：点击确定，把值传到另一页面！，如下：原页面js代码为：Ext.onReady(function(){ Ext.QuickTips.init(); var form=...

  • Ext 通过name获取form表单的值，并设值

    取值 formPanel.getForm().findField('name').getValue();赋值formPanel.getForm().findField('name').setValue(''); Ext4 可以用这个方法取值formPanel.getForm().getValues()['name'];

  • [Ext JS]12.12.1 必填字段组件扩展

    但是这种使用体验要等点击提交按钮才发现有字段没有填值， 是否在一开始就可以提示哪些栏位必须填写呢？ 效果可以是在字段的标签前加一个必填的提示符， 类似： 解决方案 结合allowBlank， 在字段标签加必填提示符...

  • ext ajax获取返回实体类的值,ExtJS中Ext.Ajax.request与form.getForm().submit()返回值获取...

    1. Ext.Ajax.requestExt.Ajax.request({url: '../xxx',method:"POST",params: {paramName: paramValue},success: function(resp,opts){//返回的对象Ext.util.JSON.decode(request.responseText)var respText = Ext....

  • ExtJs学习系列(4)--Ext.FormPanel

    首先弄清楚这个问题，创建的时候： ...Ext.form.FormPanel = Ext.FormPanel; html代码--> body> div id="form1">div> body> //js代码 var form1 = new Ext.form.FormPanel({  width:350,

  • Ext.form.FormPanel

    如不指定，则使用缺省的Ext.layout.ContainerLayout类型。 当中有效的值可以是：accordion、anchor、border、cavd、column、fit、form和table。 针对所选择布局类型，可指定#layoutConfig进一步配置。   2、...

  • Ext.form.FormPanel定义的参数说明

    Ext.form.FormPanel定义的参数说明     1、formId : String  （可选的）FORM标签的id（默认是自动生成的）。   2、labelWidth : Number  标签的宽度。该属性级联于子容器。    3、 ...

  • Ext.FormPanel之第二式中我们讨论了下fieldset和表单验证

    Ext.FormPanel之第二式中我们讨论了下fieldset和表单验证的知识，今天我们接着深入解析表单元素中ComboBox组件的使用。会涉及 到.net简单服务器数据交互，但暂不做深入讨论，以后会详细分析服务器交互相关，不过...

  • extjs获取多选框_ExtJs4新发现10_获取复选框(checkboxgroup&checkbox)的值

    1.fieldset(checkbox) 获取值复选框组件定义如下：{xtype: 'fieldset',title: '兴趣',autoHeight: true,defaultType: 'checkbox',hideLabels: true,id: 'xq',layout: 'hbox',defaults: {flex: 1},//vertical: false,...

  • 获取EXTJS中的FormPanel的所有控件值和属性

    获取EXTJS中的FormPanel的所有控件值和属性 myPanel.items.each(function(item,index,length){ alert(item.getName()); alert(item.initialConfig.name); alert(item.initialCon

  • Mysql 教程（Markd格式 经典全面 看这一个资料就够了）

    Mysql 教程（Markd格式 经典全面 看这一个资料就够了）涵盖了mysql工作流、事务、锁、索引、性能优化、运维和配置等各个方面。

  • pyzmq-25.1.0-cp36-cp36m-musllinux_1_1_i686.whl

    Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。

  • my-tv-v2.1.2.apk

    电视剧里面了

Global site tag (gtag.js) - Google Analytics