2014年可以说是 JavaScript 最风光的一年,成为上升最快的语言,在 Github 上最受关注的前10个仓库中,有7个是基于 JavaScript 开发的,数不胜数的函数库可适应于各种需求.那么,在可视化图形库方面,最受关注的有哪些呢? 1. 编程语言排行榜 数据来源于 TIOBE,前六名是我们都耳熟能详的语言:C.Java.C++.PHP等,JavaScript排名第 7,上升率最大.排在之后的语言,一眼看过去,非神者恐怕会有些不认识. 2. 图形库的流行度 统计使用的是 Googl…

[转载]原文地址:http://www.cnblogs.com/webgis8/articles/1516639.html 因为Google Map项目的需要,最近一直在寻求相关的Javascript图形库,在尝试用Google Map API提供的javascript接口绘图时发现其效果和效率都不太理想,同时也用过jsgraphics库,也不是很好.又在网上找到了下面几个. mxGraph mxGraph是一款基于web的绘制流程图的javascript库工具,虽然目前还尚未提供注册,不过好在…

作者 | 董叶 公司决策层会围绕着数据来制定相应的策略,数据的重要性与日俱增,政府.金融机构.互联网大厂正在以前所未有的速度收集数据,面对扑面而来的数据,没有抽象.视觉层的帮助,我们很难快速理解掌握其中信息,正确的图形工具往往是致胜的关键 对于JS开发人员而言,数据可视化能力和开发网页一样重要,特别是需要将两者结合起来的时候,在大数据时代,在网页中显示数据统计图表,从而能很直观地了解数据的走向. 随着JavaScript 在数据可视化方向的日益普及,涌现出一大批JavaScript图形库为前端网…

有人认为JavaScript是最好的语言,有人认为它一团糟.可按照C++之父的话来讲: 世界上只有两种编程语言:一种是天天被人喷的,另一种是没人用的. 不论你喜欢承认与否,JavaScript已经一天比一天火了,甚至火得有点过头,生态圈太过繁荣,每个月都可能有新的相关构建工具.开发框架或者别的什么库发布.如果你想了解更多,请查阅: 你的第一门编程语言应该学什么?ʇdıɹɔsɐʌɐɾ :ɹǝʍsuɐ 前段时间歪果仁对JS的发展现状专门做了一个调查,发起者是Sacha Greif(之前本专栏也发过他…

前阵子重新复习了一下js基础知识,第一篇博客就以分享闭包心得为开始吧. 首先,要理解闭包,就必须要了解一个概念:作用域链. 作用域链 作用域代表着可访问变量的集合,变量分为全局变量和局部变量两种,在函数内部所声明的变量被称作局部变量,在全局作用域声明的被称作全局变量. JavaScript中,在函数内部可以读取到全局变量以及函数外部所声明的局部变量,但是在函数内部声明的变量在函数外部是无法获取到的. 来看下面这幅图: 上图中,val1为全局变量,函数func1和func2均能访问到val1. v…

做前端少不了画图,html5 的 canva 很强大,可是如果所有需求都自己画图,恐怕会被 leader 炒掉.记录一下我用过的几个 2D 和 3D 的js图形库,各种功能.我就不分 2D 和 3D 了,因为 WebGL前端数据可视化是一个很热门的方向,发展趋势,也是很多图形库的发展目标. 1.echarts:百度开源的功能很多的图形库.看一下下图的 demo 就知道它的功能了.http://echarts.baidu.com/examples.html .可以满足基本的二维数据图表的绘制,简单…

写在前面 现在网上有很多现成的富文本编辑器,比如百度家的UEditor,kindeditor,niceditor等等,功能特别的多,API也很多,要去熟悉他的规则也很麻烦,所以想自己了解一下原理,做一个功能少点的编辑器,后面再不断累加.完善. 目前文本编辑器实现的功能有:选择字体大小.颜色.加粗.斜体.下划线.有 '提交' 和 '编辑' 按钮. 关键代码 document.execCommand() 函数  <> contentEditable   属性 <>…

说在前面 想自己实现一个可视化的中国地图(可以实现如用户来源省份数据统计功能),网上搜了一下,翻了几页几乎都是第三方库(如echarts.js)实现的,简直不能忍. 不是第三方库不好,只是要花时间去适应别人的插件,而且从根本角度来说自己做有更大的修改空间,有针对性. 所以打算自己从基本开始实现一遍,占个坑,完成后传上来. 大概想了两种思路: 1用canvas画出整个地图 2用一个中国地图图片,然后设置area为多边形,并赋值coords 为了实现移动到每个省份(区域 )会有对应的反应,无论哪种方…

有不少朋友说学 D3 挺难的.为什么呢?想写一篇文章分析分析. 1. D3 出现的背景 D3.js 是 Github 上的一个开源项目,用于数据可视化.作者是 Mike Bostock,纽约时报的工程师.现纽约时报上各种数据新闻的可视化图表,都是基于 D3 制作的. 数据新闻,是近年来十分热门的一个行业,在互联网新闻里,添加上生动的数据分析,以图形的形式展示,简单易懂. 数据新闻是随着大数据时代的潮流而出现.各公司和机构能掌握的数据越来越多,例如谷歌掌握了数以千万亿的搜索数据,沃尔玛掌握了全球的…

D3 是当前流行的数据可视化工具,通过本文能有对 D3 有一个初步认识. 1. D3 是什么 D3 的全称是(Data-Driven Documents),顾名思义可以知道是一个被数据驱动的文档.听名字有点抽象,说简单一点,其实就是一个 JavaScript 的函数库,使用它主要是用来做数据可视化的.如果你不知道什么是 JavaScript ,请先学习 JavaScript 的相关知识. W3School 的 JavaScript 教程 JavaScript 文件的后缀名通常为 .js,故 D3…