【🧪 前端实验室】前端数据可视化小报告 - 03 - 业内成果

本次小报告由于篇幅的考虑，分红了三块，这是第三个部分，陈列当前国内外的一些数据可视化的成果。html

下文列举了一些你们耳熟能详的产品，国内的好比 Echarts 和 AntV，国外的好比 D3 以及 Highcharts。web

1、国内可视化产品

1. AntV

AntV 是蚂蚁集团全新一代数据可视化解决方案，基于图形交互语法的理念实现数据可视化，旨在 “让数据栩栩如生”。其设计原则源自 AntDesign，遵循“准确>清晰>有效>美”的四条核心原则。apache

在一开始的时候，AntV 仍是只有 G2 撑起门面，如今 AntV 你们族里已经有了 F2（移动端图表库）、G6（图可视化）、X6（图编辑和应用）、L7（地理信息数据可视化）、AVA（智能数据可视化分析）api

2. ECharts

Echarts 最先诞生于 2012 年的 8 月，经历了 201三、201四、201六、201八、2020 五次更迭，目前来到了 Echarts5.0 的阶段。markdown

2、国外可视化产品

1. HighCharts

Highcharts 系列软件是由专业的图表软件厂商 HIGHSOFT 开发的，国内由简数科技负责运营，第一个版本是在 2009 年发布的，截止到目前已经有 3 款成熟的图表软件及相关的云服务。在全球范围内客户众多，包括 72 个全球 100 强企业，知名企业如 facebook、twitter、微软等都有在使用。网络

产品目前共分为四个部分：echarts

产品矩阵	说明
Highcharts	方便快捷的纯 JavaScript 交互性图表
Highcharts Stock	方便快捷的建立股票图、大数据量时间轴图表
Highcharts Maps	优秀的 HTML5 地图组件，支持下钻，触摸、手势操做
Highcharts gantt	简单好用的 JavaScript 甘特图库

截至这篇文章的时候，Highcharts 的最新版本为 9.0.1，几乎保持着一年一个大版本的迭代速度。svg

9.0 主要完成了对 Typescript 的适配，对系列和指标等进行了基于 ES6 类的继承性重构，其余还包括日期选择器、3D 面积计算等优化。工具

8.0 增长了一些新的图表类型，强化了动态图表的叙事能力。oop

7.0 增长了如桑基图等一些拓扑图、时间线、3D 金字塔和漏斗图、气泡图、网络型拓扑图，完善了甘特图的一些细节。

2. amCharts

amCharts 建立于 2004 年, 目前仍旧是一个未开源的状态，该图表库在一些类型的图表上作得很是简洁好看，如 Timeline 和桑基图。

amCharts 分为四个部分，Charts、Map、TimeLine 以及 Editor（严格来讲 Editor 不算是一个分类）。目前国内用的比较少，国外也都是一些大客户如微软、苹果、NASA 等在使用他们的产品。

3. D3.js

D3.js 是一个 Javascript 库，用于根据数据处理文档。

D3 为开发者提供了一种声明性的方法，能够对任意节点集进行操做。

d3.selectAll('p').style('color', function (d, i) {
  return i % 2 ? '#fff' : '#eee';
});
复制代码

使用 D3.js，产生了很是多的优秀的数据可视化的做品，它为数据可视化提供了不少让开发者自定义的能力。