`
咲晚杍
  • 浏览: 5361 次
  • 性别: Icon_minigender_2
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

技术帝用D3.js做2014世界杯预测信息图,技术+热情!开发者和球迷感动哭了

阅读更多

有多少开发、设计者是球迷?是真球迷还是假球迷?

 

好吧,不跑题了,D3.js我想应该有朋友是熟悉的,我也用过,至于做出来的东西,我也不好意思拿出来丢脸了。不过,今天我找到一个可以拿出来遛一遛的黑马。2014世界杯预测信息图,这作者肯定是一个铁杆球迷!!!无论从球迷角度,还是技术角度,都应该拿出来赞一个。

 

中国足球,反正我是丢了好多年了,我不算是个球迷,不过,这不影响我欣赏哪些热情、疯狂、执着的球迷。

直接上图看下效果(动态操作,请访问原网站:http://andrewyuan.github.io/EDAV-project.html



 

信息来源:

  • 大小: 119.3 KB
分享到:
评论

相关推荐

    d3.min.js d3.js

    d3.min.js d3.js 绘制图标

    vue结合D3.js做的动态的可交互的SVG图形组件

    vue结合D3.js做的动态的可交互的SVG图形组件。 下面是其中的几行代码: data: { svg: undefined, point1Instance: undefined, // 两个主要端点之一 point2Instance: undefined, // 两个主要端点之一 ...

    d3.js 绘制心电图以及网格

    d3.js 绘制心电图以及网格

    d3.v5.min.js

    d3.v5.min.js资源下载,关于数据驱动的文档的javascript类库,用于使用Web标准可视化数据。D3帮助您使用SVG、画布和HTML将数据带入生活。D3将强大的可视化和交互技术与数据驱动的DOM操作方法结合起来,为您提供了...

    d3.js实现动态拓扑图

    利用d3.js插件实现动态拓扑图,动态增加节点,删除节点,结合拖拽操作,实现一个简单的演示

    d3.v3.min.js

    HTML中往往会需要绘图,D3.js是相对来说较好的选择,当所制作项目需要在无互联网环境下运行时,需要该js。

    使用d3.js实现柱状图

    使用d3.js实现柱状图使用d3.js实现柱状图使用d3.js实现柱状图使用d3.js实现柱状图

    D3.js本地js包

    d3.js包。用于本地引用d3库,其版本为v4。 可用于数据可视化方向

    d3.js多重力导向图多条关系线

    d3.js实现关系图,多条关系连线,关系说明居中。根据json参数自动生成关系图谱。

    D3.js-V4+离线文档PDF 超清超全

    D3.js-V4+离线文档PDF 超清超全D3.js-V4+离线文档PDF 超清超全D3.js-V4+离线文档PDF 超清超全D3.js-V4+离线文档PDF 超清超全D3.js-V4+离线文档PDF 超清超全D3.js-V4+离线文档PDF 超清超全

    d3.js的API思维导图

    【材料】:d3.js的API思维导图,图片形式 【介绍】 D3js 是一个可以基于数据来操作文档的 JavaScript 库。可以帮助你使用 HTML, CSS, SVG 以及 Canvas 来展示数据。D3 遵循现有的 Web 标准,可以不需要其他任何框架...

    D3.js中文版api-接口文档

    自己找的D3.js中文版api,免费给大家用, 有方法、文字描述

    D3.js in Action Second Edition D3.js实战 2018年最新版 原书第二版 pdf格式 386页

    D3.js in Action Second Edition D3.js实战 2018年最新版 原书第二版 pdf格式 386页

    Practical D3.js [2016]

    "Practical D3.js" 2016 | ISBN-10: 1484219279 | 188 pages | EPUB | 3 MB Your indispensable guide to mastering the efficient use of D3.js in professional-standard data visualization projects. You will...

    d3.js插件 拓扑图 动态增加、删除节点

    利用d3.js插件实现动态拓扑图,动态增加节点,删除节点,结合拖拽操作,实现一个简单的演示利用d3.js插件实现动态拓扑图,动态增加节点,删除节点,结合拖拽操作,实现一个简单的演示

    用Node.js和D3.js在Web上显示地理信息源代码和演示数据

    用Node.js搭建一个Web服务环境,然后利用D3.js在Web上显示地理信息的实现过程,包括源代码和演示数据

    D3.js图表 组织结构

    D3 js 支持画布整体缩放移动 可展开收缩节点,后续可扩展为: * 支持节点拖拽 * 支持节点拖拽并固定位置 * 支持鼠标浮到节点显示节点信息 * 支持双击节点隐藏不相关的节点及线 可以累加双击的节点 * 支持双击...

    designing_maps, 使用 D3.js 设计漂亮的地图.zip

    designing_maps, 使用 D3.js 设计漂亮的地图 使用 D3.js 设计漂亮的地图这个项目包含我演讲"使用 d3.js 设计漂亮的地图"中的幻灯片和代码。 在其中,你将找到使用 D3.js 构建各种专题地图的代码示例。 每张地图都是...

    D3.js By Example(PACKT,2015)

    This book will take you through all the concepts of D3.js starting with the most basic ones and progressively building on them in each chapter to expand your knowledge of D3.js. Starting with ...

    精通D3.js:交互式数据可视化高级编程.azw3

    《精通D3.js:交互式数据可视化高级编程》以当前流行的数据可视化技术D3.js为主要内容,分为三大部分,共计13章。第一部分讲述基础知识,第二部分学习制作各种常见图表,第三部分讲解交互式图表及地图的进阶应用。...

Global site tag (gtag.js) - Google Analytics