资讯频道 → Web前端
阅读更多

15顶
1踩

Web前端

翻译新闻 6 个用于数据处理的超强 JavaScript 库

2013-03-13 16:27 by 副主编 wangguo 评论(5) 有21689人浏览
JavaScript 可视化 数据处理
大量的单纯性的数据往往会令人很乏味，如果能够将这些数据可视化或者进行分析处理，那么无论从用户体验还是可读性上，都会给浏览者一个很棒的体验。

本文为你介绍6款非常实用的开源的JavaScript库，你可以将一些数据分析处理、可视化的工作交给它们。

1.  Cascading Tree Sheets（CTS）



Cascading Tree Sheets（CTS）旨在帮助开发者简化复杂的数据报告。你可以在Web页面中轻松嵌入CTS部件，来创建地图、图表等形式的可视化效果。无需你拥有专业的JavaScript知识。

特点：谷歌地图、条形图、气泡图等6个Web部件，你只需要编写简单的HTML表格和列表，即可产生强大的在线可视化效果。

缺点：可视化选项相当有限。

技能要求：初级

示例/更多信息：CTS部件

2.  Data-Driven Documents (D3)



该库可以帮助你将数据绑定到HTML文档中，与Google Chart Tools不同的是，D3提供了大量的数据可视化模板，并且可以自定义，你也可以从头开始进行创建。

特点：有才华的设计师可以创建几乎所有他们想要的东西。D3使用jQuery和CSS选择器在你的HTML文档中选择元素，然后转换它们，比直接使用JavaScript更容易。D3能够处理多种数据格式，包括XML、CSV和JSON等，并包含了简单遍历数据集的功能。

缺点：D3非常强大，因此与其他库相比，学习成本要多一些。此外，D3与早期的IE版本不兼容。

技能要求：专家级

示例/更多信息：D3教程页面

3.  Dataset



Dataset号称“数据转换/管理库”，主要用来简化应用程序内部的数据处理，比如可以从各种来源加载、分析、整理、查询和操纵数据。

特点：Dataset可以帮助你处理各种任务，比如将数据存储到Google Spreadsheet、远程轮询实时的数据订阅。此外，Dataset还得到了多家知名机构的支持。

缺点：功能丰富也意味着你需要多花时间来了解。此外，Dataset只是一个数据I/O和操作工具，如果要进行进一步复杂的分析和显示，你还需要其他一些工具。

技能要求：高级用户、专家。

示例：tree map of U.K government spending、line chart from remote data

更多信息：Tutorials on the Dataset website

4.  Leaflet



这是一个用于创建交互式地图的JS库，轻量但不失强大，对移动端也非常友好。

特点：Leaflet支持tile层、地图标记、弹出窗口、多边形区域以及用户交互，支持使用鼠标滚轮变焦，在移动设备上支持多点触控缩放。整个库仅有28K。

缺点：Leaflet作者表示“doesn't try to do everything for everyone”，这意味着功能可能会有些局限。

技能要求：专家

示例：election result map、2012 US Senate Election Results

更多信息：Leaflet教程

5.  Searchable Map Template with Google Fusion Tables



该库在谷歌 Fusion Tables的基础上增加了一些搜索和过滤功能。

特点：Fusion Tables是一个不错的、易于使用的数据可视化工具，你可以很容易地在Web应用中添加这些功能。

缺点：依赖谷歌的Maps API

技能要求：进阶初学者

示例：Chicago Public School Locator、Free Bay Area Tax Preparation Locations

更多信息：Step-by-step instructions

6.  Tabletop



该库可以帮助你从谷歌的在线电子表格中提取数据。

特点：谷歌的在线电子表格允许多人同时更新，通过在Web项目中嵌入Tabletop，你只需点击一次，即可刷新数据。

缺点：依赖于谷歌的服务。

技能要求：进阶初学者

示例：WNYC's mayoral candidate tracker、Choose Your Own Adventure plug-in

更多信息：Tabletop官网

其他相关库

除了上面介绍的6个库外，还有很多同类型的库，比如Google Chart Tools、Highcharts 、JavaScript InfoVis Toolkit、Exhibit等。感兴趣的开发者可以尝试一下。

英文原文：Six useful JavaScript libraries for dealing with data
  • 大小: 18.8 KB
  • 大小: 32.6 KB
  • 大小: 28.9 KB
  • 大小: 51 KB
  • 大小: 56.7 KB
  • 大小: 28.7 KB
15
顶
1
踩
评论 共 5 条 请登录后发表评论
5 楼 shuhen2011 2013-03-18 16:52
往往这类在浏览器表现力很猛的东西，我只会用在后台中，因为可以强迫用后台的人换浏览器，要想用在网站前台....不敢想象
4 楼 383533005 2013-03-18 11:04
还有国内 阿里集团的 DataV.js
http://datavlab.org/datavjs/#treemap
3 楼 PetriNet 2013-03-17 02:02
每逢看到这样的文章，我就忍不住大喊：IE6，7，8， fork you！
2 楼 hanazawakana 2013-03-16 10:51
not bad
1 楼 coffeesweet 2013-03-15 17:49
刚好需要，呵呵！

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • hibernate实现动态SQL查询

    hibernate实现动态SQL查询,通过XML配置SQL，FREEMARKER 解析，生成要执行的SQL

  • 好文回顾：中国游戏编年史 中国游戏的二十年(2)

    第二章·萌芽（1985年—1991年） 　　·1985年，美国艺电与七家知名工作室签订长期发行协议，开始向中游转型。 　　·1985年，大陆的第一台16位个人电脑——长城0520型微机问世。 　　·1986年，精讯资讯推出中国人自制的第一款商业游戏——《如意集》。 　　美国艺电的中游策略 　　1985年和1987年，微软公司先后发布Windows 1.0和Windows

  • 好文回顾：中国游戏编年史 中国游戏的二十年(4)

    第四章·幻灭（1996年—1999年） 　　·1996年，世界上第一款大型图形网络游戏《子午线59》问世。 　　·1998年，投资400万组建的北京前导软件公司退出游戏市场，国产游戏跌入低谷。 　　·1999年，中国第一款图形网络游戏《万王之王》在台湾问世。 　　第五次兼并浪潮 　　90年代，美国企业掀起第五次兼并浪潮。90年代末，正值发展期的美国游戏业也被卷入了这场大潮

  • 电脑游戏业编年史之六──黄金时期

    1994年，一个电脑业调整的时期，也是电脑游戏业发展最奇怪的阶段之一。一方面真正有分量、划时代的作品并不多，另一方面电脑游戏业的发展步伐却更快，随着美国E3成为全球电玩游戏业的焦点，电脑游戏业进入黄金期。 在若干年的CPU称霸战中，Intel一直决定着个人电脑的速度。不过486这东西并不能给电脑游戏业带来质变，它只不过让Doom这样的游戏流畅些，让玩家回顾一两年前的作品时发觉速度的确提升了些。至于

  • 电脑游戏业编年史之八──幻影的年代

    Command & Conquer的成功使得欧美电脑游戏业找到了新的方向，于是所有的成名公司和名不见经传的创作组都意图来分一杯羹，但欧美传统电脑游戏业的招牌类游戏如角色扮演游戏却停滞了发展，而冒险游戏则进入了互动电影时代。 真正地、完美地将大量电影制作手法放入电脑游戏制作中的浪潮始于1995年，而随后真正走向高潮的是1997年推出的《幽魂》、《狩魔猎人2》。 互动式电影至今都是一个敏感的话

  • 电脑游戏业编年史之一游戏的诞生

    ?????????电脑的发展可以追溯到20世纪中期，而电脑游戏的出现，起初是一个科学家为了无聊时的休闲，他想了个生存的规则并编了程序，我想这也许是电脑游戏的雏形。 然而电脑游戏业的真正诞生需要一个条件，那就是个人电脑的普及。在20世纪80年代初，一个口号震撼欧美──2000美元将个人电脑搬回家，而这台电脑便是Apple Ⅱ(苹果)。 在美国的80年代初，罗伯特·威廉姆斯(Roberta W

  • hibernate动态sql查询（仿ibatis查询）

    项目中使用hibernate作为数据持久层框架，主要考虑hibernate在进行一些简单的crud操作时非常便利，不需要和ibatis似的为每个sql操作都写一堆文件，但是同时也带来了一些局限性，如类似ibatis强大的动态查询功能用不...

  • hibernate增删改查和动态sql

    这里是hibernate增删查改和采用freemarker实现动态sql,hql

  • 使用Hibernate访问sqlserver数据库

    使用Hibernate访问数据库，demo中数据库使用的是sqlserver

  • springboot hibernate显示 sql 打印不生效源码排查

    但是，如果进行了上述的错误配置，formatSQL 变量本应是 true false 的 bool值，在这里变成字符串了。sql打印调用的SqlStatementLogger 的方法，由 logToStdout 控制。导致sql打印失效，无法获得想要的结果。

  • hibernate 打印SQL SQL参数值 结果集字段值 日志开启

    spring.jpa.properties.hibernate.show_sql=true spring.jpa.properties.hibernate.format_sql=true spring.jpa.properties.hibernate.use_sql_comments=true 前两项都可以控制是否打印SQL语句。 logback.xml &...

  • springboot-hibernate-show_sql无效 sql日志打印

    springboot中hibernate的show_sql配置无效的解决办法

  • SpringBoot+Jpa+Hibernate（基础使用、原生SQL、分页查询、动态SQL）

    } } 四、dao 4.1继承了JpaRepository后会有很多自带的save、delete、find方法 4.2 Spring-data-jpa有一个特点，可以通过解析方法名字来自动生成SQL查询语句，不适合delete insert update，不适合动态查询 基础语法 ...

  • hibernate在控制台打印 SQL 语句

    在 Config 里面把 hibernate. show_SQL 设置为 true 即可。 不建议开启，开启后会降低程序的运行效率。 1、spring boot 之yml spring: jpa: properties: hibernate: format_sql: true //格式化sql语句 show...

  • hibernate 多条件组合查询之sql拼接

    hibernate 多条件组合查询之sql拼接 [java] view plain copy print?public static void main(String[] args) { Session session = null; Transaction tx = null; List list = null; Criteria...

  • hibernate执行sql语句 查询 删除

    //执行删除sql语句@Override public void deleteById(String id) { // TODO Auto-generated method stub int a=this.getCurrentSession().createSQLQuery("delete from players where id='"+id+"'&...

  • hibernate动态生成SQL

    因为以前一直用的IBATIS,现在这个项目用的HIERNATE,不能写动态SQL，写一堆的IF/ELSE很不习惯，而且代码看 着特别不爽，于是打算自己封装。网上查了下，刚好有人写了这方面的文章，正好拿来用，文章地址。这个文章...

  • hibernate防止sql注入的方法

    刚刚进入这家公司，项目组给我分配的是一个...在编写持久层的时候，我一开始大量采用了字符串拼接的方式来完成对sql语句的编写，而这一点，被我们组里的老人善意指点了出来：“这么写，如果遇到别人恶意注入怎么办”。

  • Hibernate中Sql语句

    hibernate中使用sql 而不是hql语句

  • hibernate整合freemarker构建动态SQL

    因此，我选择了全自动的ORM工具，Hibernate。Hibernate 的优势我想就不用我多说了，轻巧好用，代码便于理解维护等等。而且，开发一个通用的DAO层就可以直接使用增删改，查询方面可以利用反射写个通用字段过滤方法。...

Global site tag (gtag.js) - Google Analytics