转自:http://www.afenxi.com/post/4882 (数据分析网)
俗话说,一图胜千言。图形化的信息可以让人们对数据有更加直观清晰的理解,让信息发布者更加高效地展示自己的核心内容。在前端开发中,如果缺少合适工具,制作数据可视化图表会十分复杂。然而随着数据可视化概念逐年火热,有较多优秀的图表开源库和制作工具脱颖而出。下面,我们就拿其中比较有名的 14个产品进行简要介绍。
AnyChart
链接:http://www.anychart.com/
AnyChart 是基于 Flash/JavaScript(HTML5) 的图表解决方案,它可以轻松地跨浏览器、跨平台工作。除了基础的图表功能外,它还有收费的交互式图表和仪表功能。它可以通过 XML 格式获取数据,该方式让开发人员非常灵活地控制图表上的每一个数据点,而当图表数据点数量偏大时,则可以采用 CSV 数据输入,减小数据文件大小和图表加载时间。
amCharts
链接:http://www.amcharts.com/
amCharts 是一款高级图表库,致力于对 Web 上的数据可视化提供支持。它所支持的图表包括柱状图、条状图、线图、蜡烛图、饼图、雷达、极坐标图、散点图、燃烧图和金字塔图等等。amCharts 库是一款完全独立的类库,在应用中不依赖任何其他第三方类库,就可直接编译运行。除了提供最基本的规范要素外,amCharts 还提供了交互特性。用户在浏览基于 amCharts 制作的图表时,用鼠标 hover 图表内容,可以与其进行交互,使图表展示细节信息,其中呈现信息的容器被叫做 Balloon(气球)。除此之外图表可以动态动画的形式被绘制出来,带来了了非常好的展示效果。
Cesium
链接:http://cesiumjs.org/ Cesium
同样专注于地理数据可视化,它是一个 Javascript 库,可以在 Web 浏览器中绘制 3D/2D 地球。无需任何插件即可基于 WebGL 来进行硬件加速。除此之外,它还有跨平台、跨浏览器的特性。Cesium 本身基于 Apache 开源协议,支持商业及非商业项目。
Chart.js
链接:http://www.chartjs.org/
Chart.js 是一个简单、面向对象,为设计和开发者准备的图表绘制工具库。它提供了六种基础图表类型。基于 Html5,响应式,支持所有现代浏览器。同时它不依赖任何外部工具库,本身轻量级,且支持模块化,即开发者可以拆分 Chart.js 仅引入自己需要的部分进入工程。在小巧的身段中它同时支持可交互图表。
Chartist.js
链接:https://gionkunz.github.io/chartist-js/
Chartist.js 是一个非常简单而且实用的 JavaScript 图表生成工具,它支持 SVG 格式,图表数据转换灵活,同时也支持多种图表展现形式。在工程中,Chartist.js 的 CSS 和 JavaScript 分离,因此代码比较简洁,在应用时配置流程十分简单。它生成的是响应式图表,可以自动支持不同的浏览器尺寸和分辨率,更多的是,它也支持自定义 SASS 架构。
D3
链接:http://vis.stanford.edu/papers/d3
2011年,Mike Bostock、Vadim Ogievetsky 和 Jeff Heer 发布了 D3,它是目前 Web 端评价最高的 Javascript 可视化工具库。D3 能够向用户提供大量线性图和条形图之外的复杂图表样式,例如 Voronoi 图、树形图、圆形集群和单词云等等。它的优点是实例丰富,易于实现调试数据同时能够通过扩展实现任何想到的数据可视化效果,缺点是学习门槛比较高。与 jQuery 类似,D3 直接对 DOM 进行操作,这是它与其它可视化工具的主要区别所在:它会设置单独的对象以及功能集,并通过标准 API 进行 DOM 调用。
echarts
链接:http://echarts.baidu.com/
一款免费开源的数据可视化产品,给用户提供直观、生动、可交互和可个性化定制的数据可视化图表。Echarts 上手简单。其具有的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,帮助用户在对数据挖掘、整合时大幅提高效率。同时,Echarts 提供了丰富的图表类型,除了常见的折柱饼,还支持地图、力导向图、treemap、热力图、树图等等。更惊艳的是,它还支持任意维度的堆积和多图表混合展现。总而言之,这是一款让我们非常惊喜的可视化产品,非常强大,不过他图表不是很美观,对移动端的支持也还有些欠缺,不过这些问题在官方最新发布的3.0beta中得到了很大改善
Flot
链接:http://www.flotcharts.org/
Flot 是一个纯 Javascript 绘图库,作为 jQuery 的插件使用。它可以较为轻松地跨浏览器工作,甚至包括 IE6。因为 jQuery 的特性,开发者可以全面地控制图表的动画、交互,把数据的呈现过程优化得更加完美。
FusionCharts Free
链接:http://www.fusioncharts.com/
FusionCharts Free 是可跨平台、跨浏览器的 Flash 图表解决方案,它能够被 ASP、.NET、PHP、JSP、ColdFusion、Ruby on Rails、简单 HTML 页面甚至 PPT 调用。在使用过程中,用户原则上并不需要知道任何 Flash 的知识,只需要了解你所用的编程语言,并进行简单的调用即可以实现应用
Google Chart
链接:http://developers.google.com/chart/ 不需要多介绍,大家都非常了解的可视化工具
HighCharts
链接:http://www.highcharts.com/
HighCharts 是一个界面美观,时下非常流行的的纯 Javascript 图表库。它实际上由两部分组成:HighCharts 和 Highstock。其中 HighCharts 能够很便捷地在 Web 网站或是 Web 应用程序中添加可交互图表,并可免费用于个人学习、个人网站和其他非商业用途。目前 HighCharts 支持的图表类型有曲线图、区域图、柱状图、饼状图、散点图和一些综合图表。而 HighStock 可以为用户方便地建立股票或一般的时间轴图表。它提供先进的导航选项,预设的日期范围,日期选择器,滚动和平移等公盟。
Leaflet
链接:http://leafletjs.com/
Leaflet 是一个可以同时良好运行于桌面和移动端的 Javascript 可交互地图库。它使用 OpenStreetMap 的数据,并把可视化数据集中在一起。Leaflet 库的内核库很小,但由丰富的插件可以大幅拓展其功能,常常被用于需要展示地理位置的项目。
MetricsGraphics
链接:http://metricsgraphicsjs.org/
MetricsGraphics.js 是一个基于 D3,为可视化和时间序列化的数据而优化的库。它提供了一种便捷的方法,用一致且响应式方式来产生相同类型的图形。它现在支持折线图、散点图、直方图、地毯图和基本的线性回归图。同时,它体积非常小巧,通常可以控制在 60kb 之内。
Sigma.js
链接:http://sigmajs.org/
Sigma.js 是一个专注于图形绘制的 Javascript 库,它可以让开发者轻松地在自己的 Web 应用中发布网络图。它给提供了很多设置项,使开发者可以自由地定义网络图的绘制方式。同时其也提供了丰富的 API,例如移动视图、刷新渲染、事件监听等等都可以轻易实现,这让开发者可以在交互上进行更多拓展。
相关推荐
基于Java与Vue的开源数据可视化分析工具
项目概述:这是一款基于SpringBoot后端框架与Vue3前端框架开发的数据可视化大屏工具,其设计宗旨在于让非编程人员也能轻松创建专业级的数据展示大屏。支持多种数据接入,包括Excel、API接口以及常见的数据库如MySQL...
基于Vue的JSON可视化编辑器,通过定义 JSON Schema 直接生成 UI 界面
项目概述:本项目是基于Python的Flask框架开发的一款豆瓣电影数据爬取与可视化工具。该工具不仅展现了高效的爬虫技术,还通过数据可视化手段,让用户能直观了解电影信息。技术构成包括主要的Python脚本,搭配...
项目名称:RedisFox - 基于Golang的可视化Redis监控工具 项目简介: RedisFox是一款使用Go语言开发,致力于提供高效、直观的Redis数据库监控体验的开放源代码工具。该项目集成了实时监控、数据统计和可视化展示等...
2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。...
地图信息采集JS版软件是一款基于JavaScript的地图信息采集工具,主要用于采集地图信息,如坐标、地址、地名等,并将采集的数据存储在本地或服务器上。该软件功能强大,支持用户自定义采集参数和数据格式,同时也具备...
系统按功能划分为用户中心、权限管理、数据展示、数据上报、数据可视化五个主要功能模块,涉及 Flask、MySQL、HTML5 等多项技术,在分析过程中引入可视化技术,利用 ECharts 模块, 基于 JavaScript 进行可视化功能...
Maqetta是由IBM推出的一个基于浏览器的开源HTML5网页编辑工具,支持Google Chrome、Mozilla Firefox 3.5+(推荐Firefox 4)和Mac Safari 5,为用户体验设计师提供了一个可见即可得的可视化编辑环境,允许用户界面...
是基于echarts的智慧物流服务中心平台的前端搭建; 主要使用了前端开发常用的可视化工具echarts; 可在其基础上修改使用; 富有现代化/科技感; 可借助此项目学习echarts框架等。
基于Flask+Pyecharts实现的实习僧网站数据可视化源码+项目说明.zip IDE: Pycharm Professional、VScode、 Python version :3.9.13 Database:Mysql version-5.8 其它工具:phpmyadmin ``` 食用方法: csdn下载该项目...
2. 数据可视化:通过Django框架与Echarts相结合,对抓取到的职位数据进行多样化、交互式的图表展示。 技术构成: - Python:核心编程语言,用于构建整个系统的后端逻辑。 - HTML:构建网页结构,共108个文件。 - ...
大卫用于复杂链接数据的交互式可视化探索的工具。 DAVID 使用基于组件的可视化来允许在 Web 环境中创造性地开发和探索复杂的链接数据。 它能够按需可视化大数据并通过机器之间的事件同步创建多机可视化。 可视化组件...
上位机方面,利用java实现定制的串口通讯与数据转发工具、利用python实现本地数据可视化、利用mysql与javaweb实现云端数据存储与云端数据可视化。 **基本要求:** 1. 下位机需要利用arduino UNO3实现基本的控制功能...
mapboxgl是一种基于WebGL的高性能,交互式,数据可视化工具,可直接放入Jupyter中。 mapboxgl类似于在栅格图库顶部构建的 ,但是对于使用WebGL和Mapbox Vector Tiles的大型数据集,其性能要高得多。 在此存储库中...
太阳门sunportal是一个基于Web的可视化工具,用于显示SMA太阳能逆变器的数据。 它基于的数据库,并显示每日和每月的发电量图表。 它运行在Raspberry Pi上,可以处理一个Speedwire或Bluetooth(R)网络中的多个逆变器...
由于我从未使用过基于Web的布局工具,数据可视化程序包或加载本地数据,因此现在无需担心该体系结构。 该计划是单独测试项目的每个元素,以学习如何首先使用它们。 然后,一旦我熟悉了它们的功能,就可以对应用程序...
【优爱酷可视化网站网页数据采集系统】 采用先进的可视化采集技术,智能识别网页元素类型,如:图片、文字、链接、HTML 、文件等,支持运行Javascript脚本、应用正则表达式、自动滚屏、自动翻页、打开弹出窗口并采集...
是基于Web的可视化和分析工具,用于检查可通过Web Map Service(WMS)和Web Coverage Service(WCS)获得的地理空间数据 GIS门户网站是项目OpEc的一部分,并且随着eartH2Observe以及其他开发投资或特殊功能的赞助而...
威望目录 关于GCViT是用于重测序或SNP阵列数据的全基因组可视化的工具,它可以读取GFF和VCF格式的数据,并允许用户比较两个或多个登录,以目视确定整个参考基因组的相似性和差异性区域。 可以通过身份验证来控制对...