本期推荐10款数据可视化工具,每款都附有下载地址、详细代码和使用教程。 如何获取它们请参见文章末尾。
1)
它是一个开源数据可视化框架。 旨在提供电子表格应用程序和矢量图形编辑器之间缺失的链接。 了解处理敏感信息的需求可确保数据安全,并且上传到 RAW 的数据仅由 Web 浏览器处理。
网站描述:一个开源的数据可视化框架
2)D3.js
D3.js是一个基于数据操作文档的库。 D3 帮助您使用 HTML、SVG 和 CSS 使数据栩栩如生。 D3 对 Web 标准的重视为您提供了现代浏览器的全部功能,而无需将自己束缚于专有框架,并结合了强大的可视化组件和数据驱动的 DOM 操作方法。
D3的特点和优点
网站描述:基于HTML和SVG的可视化库
3)
基于纯图表库,提供直观、生动、交互、可定制的数据可视化图表。 创新的拖拽重算、数据视图、数值范围漫游等功能极大提升了用户体验,赋予用户挖掘和整合数据的能力。
———— 大数据时代,是时候重新定义数据图表了
(商业产品图表库)
为商业产品提供通用图表库。 底层在此基础上创建坐标系、图例、提示、工具箱等基础组件,并构建折线图(面积图)、柱状图(条形图)、散点图(气泡图)、饼图(圆环图)、K线图、地图、弦图、力向布局图,同时支持任意维度堆叠以及多图表混合显示。
网站描述:百度团队开发的商业级数据图表
4)G2
蚂蚁金服团队推出的一款基于纯书写的强大语义图表生成工具。
g2是一款基于纯编程的强大语义图表生成工具。 它提供了一套完整的图形语法,允许用户通过简单的语法构建无数的图表,并集成了大量的统计工具,支持多种坐标系。 绘图可以让用户自由定制图表,是为大数据时代准备的强大可视化工具。
千变万化,自由组合
从数据出发,只需几行代码就可以轻松获得想要的图表显示效果。
形象生动、易于实施
基于大量产品实践,提供绘图引擎、完整的图形语法、专业的设计规范。
强大的交互式语法
可以根据图形语法灵活绘制任何图表,满足您无限的创造力。
网站描述:一套基于视觉编码的图形语法
5).js
.js是一个非常简单实用的前端图表生成器。 它支持SVG格式,图表数据转换非常灵活,还支持多种图表呈现形式。 可以算是前端开发者的一个开发工具。
.js 的特点
网站描述:响应式图表库
6).js
.js 构建在 D3 之上,并针对时间序列数据的可视化和布局进行了优化。 它提供了一种简单的方法,以有原则的、一致的和响应式的方式生成常见类型的图形。 该库当前支持折线图、散点图和直方图,以及地毯图和基本线性回归功能。
网站说明:基于D3的简单数据图表优化
7).js
.js 是一个基于 d3.js 和 stack.gl 的开源图表库。 是一个高级的、描述性的图表库。 .js 带来了 20 种图表类型,包括 3D 图表、统计图表和 SVG 地图。
网站描述:基于d3.js和stack.gl的开源图表库
8)
它允许您使用动态或静态链接来连接HTML界面上的元素,并提供鼠标拖动来连接。 允许您使用 SVG 或 VML 链接屏幕元素,具体取决于您所使用的浏览器的功能。
概念主要分为四个部分:
1、():一个位置,放置端点的地方,相对于一个元素的源。 您不需要自己对其进行硬编码来创建它。 它为您提供各种功能。 您只需根据您的需要创建它即可。 。 它没有视觉显示,只是一个逻辑位置,可以使用锚点的id来引用,这是支持的,并且可以使用坐标来表示[x,y,x方向,y方向]
2. ():您可以创建并链接到的链接一端的直观表示; 您可以使它们支持拖放,也可以在创建链接时直接使用 .() 创建它们。
3. ():连接两个元素的线,页面的视觉表示。 共有三种默认类型:曲线、直线和流程图链接器。 您不必处理连接器。 当你需要使用它们时,你只需定义它们即可。
4. Cover():用于装饰连接器的UI组件,如标签、箭头等。
网站描述:一个开源的流程图或拓扑图绘制工具库(绘制页面链接线)
9).js
.js 将代码转换为可以在浏览器端运行的代码。 本质是通过标签实现绘图;
网站描述:专门创建2D和3D图像、可视化数据套件、音频、视频等。
10).js
它是一个易于使用、高性能、功能丰富的轻量级JS动画库。 它与 $.() 完美配合,并且具有与 $.() 相同的 API,但没有依赖关系,可以独立使用。 它不仅包含$.()的所有功能,还具有颜色动画、过渡动画()、循环、缓动、SVG动画、滚动动画等特殊功能。
它比$.()更快更流畅,性能甚至比css3还要高。 它是与CSS3的最佳结合。 它支持所有现代浏览器,至少兼容 IE8 和 2.3。
网站描述:一个易用、高性能、功能丰富的轻量级JS动画库
如何获取完整数据
扫描下方二维码添加微信
转发此链接并截图获取