我们常常使用常规图表(直方图,折线图等)来表现数据。为了清楚的表示数据在数轴上的哪个数值区间,会直接在矩形和点上标注数值。除了这个办法外,还可以使用色调偏淡的网格作为背景参照。本文介绍了如何使用D3绘制网格线的小技巧: 绘制效果: 思路很简单:1 绘制SVG容器。2 给SVG分组,并设置分组的样式类。3 为分组分别添加横线和竖线。 关键技术介绍(1) 生成一个10元素的数组:(2) 定义x和y比例...
分类:
Web程序 时间:
2015-03-20 22:01:17
阅读次数:
250
hello,data!在进入d3.js之前,我们先用一个小例子回顾一下将数据可视化的基本流程。任务用横向柱状图来直观显示以下数据:var data = [10,15,23,78,57,29,34,71];简单地思考一下,要完成这个任务有两个问题需要解决:用什么可视元素来表现横向柱?数据对应到可视元素...
分类:
Web程序 时间:
2015-03-20 12:43:44
阅读次数:
632
地图方面数据的可视化因为在实习的时候接触到了一些GPS的数据,所以把这些数据投影出来看就是分析数据很重要的一部分了,当时用高德地图的接口就写了一个投射点的地图工具,但是非常卡,最多1000个点就动不了了,这次借机就写个地图工具,试了一下加入10000个点还能基本保持流畅,当然这个工具也不过是简单地在Leaflet上进行的封装,包装了一些易用的接口出来,如果你有更多的需求,强烈建议使用Leaflet。
当然如果你想在在html上绘制简单图表,并且没有其它特殊要求的话,现在也是可以试用一下的,本...
分类:
其他好文 时间:
2015-03-19 10:17:13
阅读次数:
986
前言信息可视化是一个跨学科领域,旨在研究大规模非数值型信息的视觉呈现。数据可视化 (Data Visualization) 和信息可视化 (Infographics) 是两个相近的专业领域名词。狭义上的数据可视化指的是讲数据用统计图表方式呈现,而信息图形(信息可视化)则是将非数字的信息进行可视化。前...
分类:
其他好文 时间:
2015-03-15 22:45:05
阅读次数:
363
我们来研究下利用AngularJS实现条形图、折线图等数据可视化效果。...
分类:
Web程序 时间:
2015-03-05 13:01:00
阅读次数:
322
近几天柴静的《穹顶之下》播放量已经破亿,笔者看了也十分感动。该视频中出现了不少可视化图表,本文对此进行总结。...
分类:
其他好文 时间:
2015-03-04 19:07:45
阅读次数:
219
http://mp.weixin.qq.com/s?__biz=MjM5MTAwNTIyMA==&mid=203560048&idx=1&sn=f9a9b18f9ce05957e8c45714018bd416&scene=0#rd点击上方CareerFrog关注我们↑↑↑数据可视化,是一种用来将复杂...
分类:
其他好文 时间:
2015-02-25 15:26:53
阅读次数:
122
今天我们一起来看一下ECharts:ECharts基于Canvas的纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。兼容大多数浏览器,包括IE6/7/8/9+,Ch..
分类:
其他好文 时间:
2015-02-11 19:05:10
阅读次数:
225
Linux 数据可视化工具Linux 上用来实现数据的图形可视化的应用程序有很多,从简单的 2-D 绘图到 3-D 制图,再到科学图形编程和图形模拟。幸运的是,这方面的工具有很多开放源码实现,包括 gnuplot、GNU Octave、Scilab、MayaVi、Maxima 等。每个工具都有自己的优缺点,并且都是针对不同的应用程序而设计的。对这些开放源码图形可视化工具进行一下探索,有助于我们更好地...
分类:
系统相关 时间:
2015-02-11 14:38:24
阅读次数:
404
随着两会中间央视新闻天天说大数据,很多人纷纷开始关注大数据和Hadoop以及数据挖掘和数据可视化了,我现在创业,遇到很多传统数据行业往Hadoop上面去转型的公司和个人,提了很多问题,大多数问题还都是差不多的。所以我想整理一些,也可能是很多人都关注的问题。关于Hadoop版本的选择? 目前为止,作为...
分类:
其他好文 时间:
2015-02-04 14:23:35
阅读次数:
206