- 第1章 课程介绍
本章节整体介绍课程的制作背景、整理安排、以及主要内容。
- 第2章 我需要学数据可视化吗?
本章节，介绍了什么是数据可视化，数据可视化的发展历史、以及在什么场景下需要用数据可视化、以及发展前景。
- 2-1 什么是数据可视化
- 2-2 数据可视化发展历史
- 2-3 数据可视化的应用场景
- 2-4 数据可视化的发展前景
- 第3章 数据可视化前端技术选型（上）
本章节，解决大家不知道如何选择技术的问题。老师带大家分析当下市面上的所有数据可视化技术，以及不同的技术擅长做什么效果，以及各个技术的入门讲解，大家系统的对数据可视化有全面的了解。
- 3-1 前端可视化解决方案
- 3-2 canvas 入门
- 3-3 svg 入门
- 3-4 webgl 技术分享
- 3-5 zrender 入门
- 3-6 d3 入门
- 3-7 three.js 介绍
- 3-8 本章小结
- 3-9 canvas 高级应用：图片压缩算法实现（上）
- 3-10 canvas 高级应用：图片压缩算法实现（下）
- 第4章 数据可视化前端技术选型（下）
详细介绍前端可视化开发中两大主流技术栈：AntV 和 ECharts，以及highcharts。
- 4-1 highcharts 介绍
- 4-2 antv-g2 入门
- 4-3 antv-g6 入门
- 4-4 antv-l7 入门
- 4-5 echarts 入门
- 4-6 echarts 自定义主题和svg渲染
- 4-7 echarts 系列及多系列案例
- 4-8 echarts 新特性 dataset
- 4-9 echarts 组件
- 4-10 echarts 定位
- 4-11 echarts 坐标系
- 4-12 echarts 双坐标系
- 4-13 echarts 多坐标系
- 4-14 三种技术栈对比
- 4-15 本章小结
- 第5章 数据报表项目初始化+核心指标组件开发
夯实基础知识后，我们将开启数据报表项目，本章将带大家完成项目初始化，并集成element-ui和echarts库，知识点很多，赶紧拿起小本本学起来。
- 5-1 数据报表项目简介
- 5-2 关于技术选型的说明
- 5-3 项目初始化
- 5-4 element-ui和echarts引入
- 5-5 容器组件初始化
- 5-6 顶部核心指标组件布局开发
- 5-7 核心指标公共组件抽取
- 5-8 累计销售额组件开发
- 5-9 累计订单量组件开发
- 5-10 今日交易用户数组件开发
- 5-11 累计用户数组件开发（上）
- 5-12 累计用户数组件开发（下）
- 第6章 核心指标组件重构+销售趋势组件开发
本章我们重点使用vue-echarts组件重构代码中应用echarts部分代码，利用vue-echarts简化echarts开发。
- 6-1 vue-echarts组件库入门
- 6-2 v-charts组件库入门
- 6-3 vue-charts 重构核心指标组件
- 6-4 销售趋势组件容器+头部开发（上）
- 6-5 销售趋势组件容器+头部开发（下）
- 6-6 销售趋势图表和列表开发
- 6-7 搜索关键词组件开发（上）
- 6-8 搜索关键词组件开发（下）
- 6-9 分类销售排行组件开发
- 第7章 百度地图数据可视化
很多同学期待已久的地图可视化深度教学，让我们从百度地图开始，深度学习地图可视化开发，知识量巨大，你准备好了吗？
- 7-1 百度地图入门案例+异步加载
- 7-2 百度地图3D建筑+3D地球
- 7-3 百度地图控件
- 7-4 百度地图自定义样式
- 7-5 百度地图绘图（上）
- 7-6 百度地图绘图（下）
- 7-7 百度地图ViewAnimation动画
- 7-8 百度地图TrackAnimation动画
- 7-9 百度地图可视化之散点图（上）
- 7-10 百度地图可视化之散点图（下）
- 7-11 百度地图可视化之飞线动画
- 7-12 百度地图可视化之炫酷飞线动画（上）
- 7-13 百度地图可视化之炫酷飞线动画（下）
- 7-14 百度地图可视化之3D建筑
- 第8章 数据大盘+vue-element-admin集成+部署
有地图可视化知识加持，现在可以愉快地完成数据报表项目了，再接上真实API，妥妥的商业级项目。
- 8-1 （上）销售大盘地图组件开发
- 8-2 （下） 销售大盘地图组件开发
- 8-3 v-charts移植销售大盘地图组件
- 8-4 销售大盘组件集成
- 8-5 水球图的基本用法
- 8-6 支付转化率组件开发
- 8-7 词云图的基本用法
- 8-8 http请求公共方法封装
- 8-9 【重要章节】防盗版接口接入
- 8-10 provide+inject实现组件通信
- 8-11 累计销售额组件数据接入
- 8-12 千分位算法实现
- 8-13 顶部核心指标组件数据接入
- 8-14 销售额组件API对接
- 8-15 搜索量组件API对接
- 8-16 品类分布组件API对接
- 8-17 销售大盘+用户增长+热门搜索API对接
- 第9章 vue-element-admin接入+上线部署
还不知道怎么把数据报表接入真实项目？还不会把开发好的项目发布上线？让Sam老师给你答案！
- 9-1 vue-element-admin项目下载和运行
- 9-2 登录API接入（上）
- 9-3 登录API接入（下）
- 9-4 数据报表页面移植
- 9-5 数据报表样式优化
- 9-6 退出登录功能实现
- 9-7 项目构建与发布
- 9-8 https证书+cdn配置实战
- 第10章 外卖业务数据大屏项目需求分析+项目框架搭建
如何开发数据大屏？Vue3.0还不会？让BAT老司机给你答案。
- 10-1 数据大屏项目技术方案分析
- 10-2 vue3项目初始化
- 10-3 vue3基本开发体验
- 10-4 vue3新特性composition-api（上）
- 10-5 vue3新特性composition-api（下）
- 10-6 vue3+vue-router使用方法
- 10-7 vue3+vuex使用方法
- 10-8 本章小结
- 第11章 数据大屏组件库搭建
秀操作的时候到了，全网稀缺的vue3.0组件库教学，赶紧上车吧
- 11-1 组件库项目创建+开发模式配置
- 11-2 rollup 切换模块化标准+多模块构建
- 11-3 rollup node-resolve插件+babel-node用法讲解
- 11-4 tree-shaking 机制讲解
- 11-5 rollup external属性+commonjs插件讲解
- 11-6 rollup babel+json+terser插件
- 11-7 【放大招了】rollup vue 组件编译
- 11-8 【关键步骤】在 html 中使用自定义 vue 组件
- 11-9 npm link关联组件库+eslint初始化
- 11-10 【重磅】组件库按需加载实战
- 11-11 【重要】vue2组件库兼容方案
- 第12章 项目矢量图组件开发必备的svg知识入门
详细讲解svg怎么玩，还不会svg的小伙伴有福了！
- 12-1 svg 应用场景和优势
- 12-2 svg viewport 和 viewBox 用法讲解
- 12-3 深度剖析 svg preserveAspectRatio 属性（上）
- 12-4 深度剖析 svg preserveAspectRatio 属性（下）
- 12-5 svg 组件库最佳实践
- 12-6 通用 svg 组件封装
- 12-7 如何快速集成 iconfont svg 图标
- 12-8 iconfont 最佳实践
- 第13章 深入svg动画开发
带给大家最全面的svg动画实战教程。
- 13-1 svg transform属性解析
- 13-2 svg matrix 变换原理讲解
- 13-3 svg + CSS 动画实战：环形进度条
- 13-4 svg + CSS 动画实战：LOGO描边动画
- 13-5 svg SMIL 动画 + set 标签讲解
- 13-6 svg SMIL animate 动画
- 13-7 svg 动画核心：轨迹动画
- 第14章 通用数据大屏矢量图svg组件开发
学了一堆svg基础知识，怎么用到项目里？马上安排！
- 14-1 loading 组件样式开发
- 14-2 loading 组件动画开发
- 14-3 loading 组件扩展能力开发
- 14-4 flyBox 组件样式开发
- 14-5 svg mask 蒙版用法讲解
- 14-6 linearGradient 和 radialGradient 用法讲解
- 14-7 flyBox 组件自适应布局开发
- 14-8 flyBox 组件扩展能力开发
- 14-9 flyBox 组件 uuid 改造 + 实现过程回顾
- 第15章 数据大屏容器组件开发
突破Chrome 12px显示极限，让数据大屏更加丰满，又一波知识盛宴。
- 15-1 固定宽高比及突破chrome 12px原理讲解
- 15-2 容器初始化功能开发
- 15-3 【关键步骤】固定宽高比算法开发
- 15-4 浏览器缩放时锁定屏幕宽高比功能开发
- 15-5 【实用】onResize 方法防重发机制开发
- 15-6 【高能】组件库 async function 特性支持
- 15-7 MutationObserver 监听样式变更
- 第16章 数据大屏业务组件开发
一大波业务组件开发，工作量不小，咱们一个个来。
- 16-1 数据大屏业务组件开发说明
- 16-2 数据大屏loading逻辑开发
- 16-3 数据大屏整体布局开发
- 16-4 数据大屏标题组件开发
- 16-5 用户统计组件开发-通过hooks封装业务逻辑1
- 16-6 【高能】VueCountTo组件兼容Vue3开发
- 16-7 VueCountTo组件项目实战
- 16-8 进度条组件开发
- 16-9 年龄分布组件开发
- 16-10 Vue3+ECharts开发
- 16-11 年龄分布图表组件开发
- 16-12 设备统计组件开发
- 16-13 南丁格尔图开发
- 16-14 性别统计组件开发
- 16-15 骑手统计组件开发
- 16-16 热卖品类组件开发
- 第17章 数据大屏自动轮播列表组件开发
来个难度有点高的轮播组件，还没思路？没事，看老司机怎么破题。
- 17-1 顶部核心指标组件开发（Iconfont加入实战）
- 17-2 可变换的分类组件开发（vue3鼠标事件实战）
- 17-3 补充知识：js鼠标事件onmouseenter和onmouseover的区别
- 17-4 基础滑动列表组件技术方案分析
- 17-5 基础滑动列表标题样式开发
- 17-6 标题数据处理（深拷贝+lodash按需加载）
- 17-7 组件props重构（lodash对象合并算法）
- 17-8 标题动态列宽算法开发
- 17-9 行数据渲染开发
- 17-10 行数据高度动态计算
- 17-11 行动态样式开发
- 17-12 滑动动画开发（上）（同步sleep写法）
- 17-13 滑动动画开发（中）
- 17-14 滑动动画开发（下）
- 17-15 将基础滑动列表应用到数据大屏
- 17-16 销售大盘参数配置
- 第18章 复杂图表——echarts混合图表+动画渲染技术实战
嫌课程的echarts图表难度不够？安排几个高难度的图表。
- 18-1 深入echarts timeline组件
- 18-2 echarts timeline 实战案例
- 18-3 echarts 实现自定义地图渲染（解决组件库external失效问题）
- 18-4 echarts 自定义地图配置详解（VisualMap实战）
- 18-5 自定义地图预警信号实战（EffectScatter应用）
