数据可视化
文章平均质量分 74
loganyang123
这个作者很懒,什么都没留下…
展开
-
svg中path标签的用法
除了上次的六个普通标签之外,SVG还支持复杂的路径标签:path 使用path标签时,就像用指令的方式来控制一只画笔,比如:移动画笔到某一坐标位置,画一条线,画一条曲线,完事了抬起画笔,OVER! path支持的指令有: M = moveto(M X,Y) :将画笔移动到指定的坐标位置L = lineto(L X,Y) :画直线到指定的坐标位置H = horizon转载 2013-12-25 10:58:04 · 2113 阅读 · 0 评论 -
30 个最好的数据可视化工具推荐
如今,同质化的应用越来越多,应用开发者也开始在用户体验上下功夫,比如数据可视化,将一大堆密密麻麻的数字转成图表形式,可以更直观地向用户展示数据之间的联系和变化情况,减少用户的阅读和思考时间,以便很好地做出决策。 目前互联网中有很多数据可视化工具,本文选取了最好的 30 个工具,希望能够对你有所帮助。 1. iCharts iCharts 是一个在线的数据可视化工具,被广泛应用转载 2014-04-03 17:16:03 · 988 阅读 · 0 评论 -
数据图
原创 2014-04-09 12:23:47 · 480 阅读 · 0 评论 -
数据可视化6步法
在当前互联网,各种数据可视化图表层出不穷,本文尝试对数据可视化的方法进行归纳,整理成6步法。 一般的数据图表都可以拆分成最基本的两类元素: 所描述的事物及这个事物的数值,我们暂且将其分别定义为指标和指标值。比如一个性别分布中,男性占比30%,女性占比70%,那么指标就是男性、女性,指标值对应为30%、70%。 1. 将指标值图形化一个指标值就是一个数据,将数据的大小以图转载 2014-02-27 13:59:01 · 1495 阅读 · 0 评论 -
使用 Flash 描述复杂的社交网络
2009 年 9 月 03 日目前,如何以图形化的方式,向用户直观地呈现一个复杂社交网络,已逐渐成为 Web2.0 社交类网站关注的重点。弹簧理论非常适用于描述社交网络间的复杂关系,文章以弹簧理论中的经典算法力导向算法为理论基础,详细介绍了两种 Flash 实现方法。另一方面,由于 Flash Player 的内部语言 ActionScript 在计算能力上的先天劣势使得在 Flash 中转载 2013-12-27 17:14:57 · 1706 阅读 · 0 评论 -
力导向图link直接加提示
New Document /*.node { stroke: #ffffff; stroke-width: 0.1px;}*/.link { stroke: #999; stroke-opacity: .6;} var width = 960, height = 500;原创 2013-12-27 16:04:38 · 2144 阅读 · 2 评论 -
D3.js常用方法
一.d3.js是链式语法,使用规则是选择元素(一个或多个)然后设置其属性或者样式。二.常用方法:1. d3.select():使用CSS选择器语法从DOM中选择单一元素。如:d3.select("body");2. d3.selectAll():选择所有符合要求的元素。如:d3.select("body").selectAll("p");//选中body中所有的p元素3.原创 2013-12-25 13:28:07 · 2826 阅读 · 0 评论 -
路径加文字
testD3-12-text.html // 在 body 中插入一個 svg var svg = d3.select('body').append('svg'); // 先在 svg 中插入一個 path svg.append('path').attr({ id:原创 2013-12-25 01:26:58 · 919 阅读 · 0 评论 -
pathtext
New Document /*.node { stroke: #ffffff; stroke-width: 0.1px;}*/.link { stroke: #999; stroke-opacity: .6;} var width = 960, height = 500;原创 2013-12-25 01:25:56 · 1075 阅读 · 0 评论 -
数据可视化 D3.js实现力导向图之二(node带文字说明和提示)
从官方下载下的demo,直接加text带文字,始终未能显示出来,但是title却能显示出来,最后经过与网上其他地方做出来的例子用firebug进行跟踪对比,发现能够正确显示title的html里边g标签为node里边包含circle和text(circle、title和text是平级的),而官方下载下来的demo里边circle包含着text和title,于是把append(“circle”)移到原创 2013-12-25 00:32:54 · 11170 阅读 · 1 评论 -
二十大数据可视化工具点评
如今学习应用数据可视化的渠道有很多,你可以跟踪一些专家博客,但更重要的一点是实践/实操,你必须对目前可用的数据可视化工具有个大致了解。以下是Netmagzine列举的二十大数据可视化工具,无论你是准备制作简单的图表还是复杂的图谱或者信息图,这些工具都能满足你的需要。更加美妙的是,这些工具大多免费。 第一部分:入门级工具1.ExcelExcel的图形化功能并不强大,但Exc转载 2013-12-24 15:58:13 · 2201 阅读 · 0 评论 -
2014世界杯冠军预测图(基于大数据与JS)
四年一度的球迷狂欢节就要到了,32强已经准备就绪,6月13日开始将为全世界的球迷带来顶级的足坛盛宴。自32强分组以来,关于各支球队胜负的预测从未停止过。就连《时间简史》的作者、世界著名物理学家霍金都通过科学公式预测出英格兰队要想在2014世界杯上夺冠需要具备的要素。开发者Andrew Yuan利用大数据和前端技术制作了一个预测信息图,来看看你支持的球队夺冠几率如何吧?(足球是圆的,转载 2014-06-06 11:21:18 · 1220 阅读 · 0 评论