【🧪 前端實驗室】前端數據可視化小報告 - 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，產生了很是多的優秀的數據可視化的做品，它爲數據可視化提供了不少讓開發者自定義的能力。