点击评价 | 建站常用软件 | 获取解压密码 青龙建站教程自学网专注于搜集有价值的建站视频教程,免费分享给小伙伴们!更多课程熬夜整理中~~~
热门搜索:微信二次开发 Bootstrap IOS开发 织梦仿站 手机网站制作 HTML5 Android开发 PHP教程

JS教程

当前位置:主页 > JS教程 >

WEB数据可视化工具基础教程列表

教程大小:   来源:网络
WEB数据可视化教程
(上图为d3.js的QQ群关系展示)
青龙本想全部收集系列视频教程,奈何木有啊。下面主要是几种工具入门图文教程,帮助大家初步了解WEB数据可视化技术。
数据可视化,是关于数据视觉表现形式的科学技术研究。其中,这种数据的视觉表现形式被定义为,一种以某种概要形式抽提出来的信息,包括相应信息单位的各种属性和变量。
它是一个处于不断演变之中的概念,其边界在不断地扩大。主要指的是技术上较为高级的技术方法,而这些技术方法允许利用图形、图像处理、计算机视觉以及用户界面,通过表达、建模以及对立体、表面、属性以及动画的显示,对数据加以可视化解释。与立体建模之类的特殊技术方法相比,数据可视化所涵盖的技术方法要广泛得多。
-------------
D3.js
D3.js是一个近年来推出的基于javascript的数据展示库,全称为Data Driven Document, 在浏览器数据展示领域的地位类似于通用js框架里的jQuery。d3.js的官网是d3js.org,大家可以在上面看到很多例子和应用。d3.js也是图形数据库neo4j所内置的数据展示工具。
与其他js实现制图的方式不同,D3是一个对数据的操作的API.它将数据和网页SVG绑在了一起,当你的数据发生变化时,图表会同步更新。比如一个数据数组和SVG柱状图中相应y坐标绑定,如果这个数组的元素设为随机变量,定时变化,那么你看到的柱状图也会是不断变化的动态图效果。除此之外,他可以接受海量数据的可视化显示和动态更新。D3的灵活性很高,它的随意绑定数据和元素,以及漂亮的可动性效果展示一定会让你大吃一惊。
D3.js飞速入门视频教程
老师:吕之华 《精通D3.js:交互式数据可视化高级编程》作者
书籍京东地址:http://item.jd.com/11757441.html
主页:http://www.ourd3js.com/wordpress/
1. 第一个D3程序
2. 制作柱形图
3. 为柱形图添加坐标轴
4. 用生成器制作折线图
5. 有动态效果的散点图
6. 布局的简单应用
百度网盘下载:http://pan.baidu.com/s/1geZG9rX
-------------
Google Chart API
Google Chart API工具从简单的折线图到复杂的分级树形图,他的图表库里提供了海量的模版可供选择。但Google Chart有个大问题:图表在客户端生成,这意味着那些不支持JavaScript的设备将无法使用,此外也无法离线使用或者将结果另存其他格式。尽管存在上述问题,不可否认的是Google Chart API的功能异常丰富,如果没有特别的定制化需要,或者对Google视觉风格的抵触,那么你大可以从Google Chart开始。
Google Chart API 参考 英文原版
https://developers.google.com/chart/?csw=1
Google Chart API 参考 中文版
http://labs.cloudream.name/google/chart/api.html
http://www.haijd.net/archive/computer/google/google_chart_api/api.html
-------------
FushionCharts
FusionCharts Suite XT不仅可以为带给你漂亮的图表,还能帮你制作出生动的动画、巧妙的设计和丰富的交互性。它在PC端、Mac、iPad、iPhone和Android平台都可兼容,具有很好的用户体验一致性,同时也适用于所有的网页和移动应用,甚至包括IE6、7、8这些绝大部分插件都不支持的主儿。在这软件里,创建你的首幅图表也只需要15分钟。
FusionCharts简单教程 图文教程
老师:chenssy CSDN博客专家
教程地址:http://blog.csdn.net/chenssy/article/details/9773797
-------------
ECharts
ECharts,由百度推出,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。
5分钟上手写ECharts的第一个图表
http://echarts.baidu.com/echarts2/doc/start.html
http://echarts.baidu.com/echarts2/doc/doc.html
-------------
Paper.js
Paper.js是一个开源的向量图形脚本框架,基于 HTML5 Canvas 开发。提供清晰的场景图、DOM和大量强大的功能用来创建各种向量图和贝塞尔曲线。
如何用Paper.js制作网页动画(找到的唯一的中文教程)
http://blog.jobbole.com/8295/
官网tutorials 英文(貌似还没人翻译,做IT还是学好英文吧)
http://paperjs.org/tutorials/
官网炫酷实例
http://paperjs.org/examples/
立即下载此教程
点击此处免费获取本教程解压密码

本文版权归原作者所有,转载请注明原文来源出处,青龙建站教程自学网感谢您的支持!

本文链接:http://www.qinglongweb.com/js/571.html