github：
1.D3.js
D3全称（Data-Driven Documents），数据驱动的图表库。 由JavaScript开发，可以大大减少我们的工作量，特别是在数据可视化方面。 D3可以将生成可视化的复杂步骤简化为几个简单的函数。 我们只需要输入一些简单的数据就可以转换成各种华丽的图形。
接下来我们看一个使用它实现直方图的案例：
代码如下所示：
chart = BarChart(alphabet, {
x: d => d.letter,
y: d => d.frequency,
xDomain: d3.groupSort(alphabet, ([d]) => -d.frequency, d => d.letter), // sort by descending frequency
yFormat: "%",
yLabel: "↑ Frequency",
width,
height: 500,
color: "steelblue"
})
我们可以非常高效地实现一个简单的图表，也可以使用D3来实现一个复杂的可视化图表：
如果您有兴趣，可以参考一下。
github地址：
2.Apex图表
ApexCharts 是一个简约的 SVG 图表库，附带 Vue 和 React 包装器。 它在不同的设备上运行得非常好，并且有很好的文档记录。 ApexCharts 是 MIT 许可的开源项目，可用于商业和非商业项目。
接下来分享一下它提供的一些图表：
分析雷达：
统计分析：
目前支持vue、Angular、React等主流框架，通用性还是很好的。 如果您有兴趣，可以参考一下。
github地址：
3.Chart.js
Chart.js 是一个特别受欢迎的开源库，在 GitHub 上拥有超过 60,000 颗星。 灵活且轻量级，它允许我们使用 HTML5 Canvas 元素构建响应式图表。 折线图和条形图可以轻松混合搭配，组合不同的数据集，实现特别有趣的功能，支持vue和react。
接下来我们看看使用它的配置：
const config = {
type: 'bar',
data: data,
options: {
responsive: true,
plugins: {
legend: {
position: 'top',
},
title: {
display: true,
text: 'Chart.js Bar Chart'
}
}
},
};
折线图示例：
雷达图：
如果您有兴趣，可以参考一下。
github地址：
4、蚁视
数据可视化AntV的设计原则源自Ant Design设计体系，具有数据可视化特性的指导原则。 在秉承 Ant Design 设计价值观的同时html5网站模板 报表，进一步分析了数据可视化领域，例如色卡、字体指引等。
经过大量的实际项目经验，AntV总结出四个核心原则：准确、清晰、有效、美观。 这四项原则按重要性排序，互为补充，呈现递进关系。
我们来看看它提供的图表示例：
如果您有兴趣，可以参考一下。
github地址：
5. 图表
Apache ECharts 是一个基于 JavaScript 的开源可视化图表库。 它内置了很多可视化图表库，包括常用的柱形图、饼图、折线图等，还有很多3D组件，如下：
如果您有兴趣，可以参考一下。
github地址：
6.尼沃
Nivo是一个基于D3和React的精美可视化图表框架，提供了十四种不同类型的组件来呈现图表数据。
Nivo 提供许多自定义选项和三种渲染选项：Canvas、SVG，甚至基于 API 的 HTML。 它的文档非常出色，演示是可配置的且有趣。 这是一个使用起来特别方便的中级库。 接下来分享几个图表示例：
代码示例：
import { ResponsiveBar } from '@nivo/bar'
const MyResponsiveBar = ({ data /* see data tab */ }) => (
)
如果您有兴趣，可以参考一下。
github地址：
7. 印记
Dygraphs 是一个开源 JS 库； 用于生成用户交互的、可缩放的时间图。 主要用于展示密集的数据集合html5网站模板 报表，用户可以很好的浏览和查看数据。
