
大量简单数据通常非常繁琐. 如果您可以可视化或分析数据,那么它将为用户带来良好的用户体验和可读性.
本文向您介绍了6个非常有用的开源JavaScript库. 您可以给他们一些数据分析和可视化任务.
1. 级联树形表(CTS)

级联树表(CTS)旨在帮助开发人员简化复杂的数据报告. 您可以轻松地将CTS组件嵌入网页中,以以地图和图表的形式创建可视化效果. 不需要您具有的JavaScript知识.
功能: 6个Web部件,例如Google地图,条形图,气泡图等. 您只需编写简单的HTML表格和列表即可产生强大的可视化效果.
缺点: 可视化选项非常有限.
技能要求: 初学者
示例/更多信息: CTS零件
2. 数据驱动的文档(D3)


该库可以帮助您将数据绑定到HTML文档. 与Google图表工具不同,D3提供了大量数据可视化模板,这些模板可以自定义,也可以从头开始创建.
功能: 才华横溢的设计师几乎可以创建他们想要的所有东西. D3使用jQuery和CSS选择器选择HTML文档中的元素,然后进行转换,这比直接使用JavaScript容易. D3可以处理多种数据格式,包括XML,CSV和JSON,并包括一个简单的遍历数据集的功能.
缺点: D3非常强大,因此与其他库相比,学习成本更高. 此外,D3与IE的早期版本不兼容.
技能要求: 专家级
示例/更多信息: D3教程页面
3. 数据集

数据集被称为“数据转换/管理库”,主要用于简化应用程序内的数据处理,例如加载,分析,排序,查询和处理来自各种来源的数据.
功能: 数据集可以帮助您处理各种任务,例如将数据存储到Google Spreadsheet,远程轮询实时数据订阅. 此外,许多知名机构也支持Dataset.

缺点: 丰富的功能还意味着您需要花费更多的时间来理解. 另外,Dataset仅仅是数据I / O和操作工具. 如果要进行进一步的复杂分析和显示,则需要其他一些工具.
技能要求: 高级用户,专家.
示例: 英国政府支出的树形图,来自远程数据的折线图
更多信息: 数据集网站上的教程
4. 传单

这是一个用于创建交互式地图的JS库. 它轻巧但功能强大,但非常便于移动.
功能: Leaflet支持平铺层,地图标记海量数据处理 js,弹出窗口,多边形区域和用户交互,支持鼠标滚轮缩放,并支持移动设备上的多点触摸缩放. 整个库只有28K.
缺点: Leaflet的作者说“不要尝试为每个人做所有事情”,这意味着功能可能受到限制.
技能要求: 专家

示例: 选举结果图,2012年美国参议院选举结果
更多信息: 传单教程
5. 带有Google Fusion Tables的可搜索地图模板

该库添加了一些基于Google Fusion Tables的搜索和过滤功能.
功能: Fusion Tables是一个很好的,易于使用的数据可视化工具,您可以在Web应用程序中轻松添加这些功能.
缺点: 依靠Google的Maps API
技能要求: 高级初学者
例如: 芝加哥公立学校定位器,免费湾区税收准备地点
更多信息: 分步说明

6. 桌面

该库可以帮助您从Google的电子表格中提取数据.
功能: Google的电子表格允许多个人同时更新. 通过将Tabletop嵌入到Web项目中,您只需单击一次即可刷新数据.
缺点: 取决于Google的服务.
技能要求: 高级初学者
示例: WNYC市长候选人跟踪器,选择“您自己的冒险”插件
更多信息: 桌面官方网站
其他相关库
除了上述6个库外,还有许多相同类型的库,例如Google Chart Tools,Highcharts海量数据处理 js,JavaScript InfoVis Toolkit,Exhibit等. 有兴趣的开发人员可以尝试一下.
英语原文:
本文来自电脑杂谈,转载请注明本文网址:
https://www.pc-fly.com/a/jisuanjixue/article-211797-1.html
阿拉觉察也是合理的
我做天猫两年亏了几十万
Amber的Beautiful真的好好听