关于前端数据库可视化库的选择，vue3+antd+g2plot录课计划

之前：antdv现在：g2plot  https://g2plot.antv.antgroup.com/manual/introduction

在这里插入图片描述

录课内容：快速入门

图表示例：

选择使用比较广泛的示例类型，录课顺序如下：

1、折线图

2、面积图

3、柱形图

4、条形图

5、饼图

6、进度图

7、散点气泡图

8、关系图

9、热力图

10、雷达图

11、词云图

12、对称条形图

13、分面图

14、图表联动

后面按照上面的顺序录制课程，穿插一些实战案例。

课程目标：

和zdppy结合

和vue3结合

和antd库结合

和Tailwindcss结合

将案例中的数据改造为前后端分离的动态数据，实现本地化

打造一个专属的zdppy_g2plot库专门和这个前端图表库结合

打造一个zdppy_amg2plot，用于快速生成后端的图表接口，实现低代码调用

打造一个zdppy_mg2plot，用于将图表数据同步到MySQL数据库中

最终目标：打造一个可交互的数据分析平台，能够支持导入Excel文件，直接生成可视化图表。可以将图表下载到本地。

参考之前echarts的教学案例：

左侧是图表分类，每个分类下是二级子菜单，每个菜单对应一个案例，每个案例是一个实际的图表。

单独开一个小项目，作为教学项目和练习项目，最终支持Docker部署，可以在公网访问效果。

最好还能够在看到可视化效果的同时，还能够看到完整的案例前端代码。

比如一个tab栏，点源码就可以看到完整的源代码，点效果就可以看到最终的图表渲染效果。这样方便学习！！！