前端开发工程师、数据分析师、数据产品经理、BI报表开发人员、需要将数据转化为直观图表的可视化从业者。
掌握主流数据可视化工具的使用方法,能够根据数据类型和分析目标选择合适的图表类型,运用D3.js实现高度定制化的可视化效果,运用ECharts和Plotly快速搭建交互式图表,输出专业、美观的数据可视化作品。
一、数据可视化基础:可视化的目的与价值,人类视觉感知原理,图表选择的基本原则(根据比较、分布、构成、关系选图)。
二、可视化设计美学:色彩搭配原理(色轮、对比色、渐变色),字体选择与排版,图例与标注规范,减少认知负荷的设计技巧。
三、ECharts快速入门:ECharts的架构与特性,快速搭建第一个ECharts图表,常用配置项解析(title、legend、tooltip、grid)。
四、ECharts图表实战:折线图、柱状图、饼图、散点图、雷达图、仪表盘的配置与优化,图表交互事件处理,数据更新与动态渲染。
五、ECharts高级应用:地图可视化(中国地图、省市地图),关系图(力导向图),树图与旭日图,多图表联动,大屏适配方案。
六、Plotly基础应用:Plotly的三种使用方式(Plotly Express、Plotly Graph Objects、Dash),Python环境下快速绘图,交互式图表特性。
七、Plotly图表实战:统计图表(直方图、箱线图、小提琴图),3D图表(3D散点图、3D曲面图),金融图表(K线图)。
八、D3.js核心概念:D3.js的设计哲学(数据驱动DOM),选择集与数据绑定,比例尺(scale)的数学原理,进入/更新/退出模式。
九、D3.js基础绘图:用D3绘制基础的条形图、折线图,坐标轴生成,过渡与动画效果实现。
十、D3.js高级可视化:力导向图(网络关系可视化),地理投影与地图绘制,层级布局(树图、打包图、分区图)。
十一、可视化大屏设计:大屏设计原则(层次清晰、重点突出、色彩统一),大屏布局方案,数据实时刷新与轮播。
十二、可视化案例实战:某电商平台销售数据看板(ECharts实现),某城市人口流动可视化(D3.js实现),某金融产品风险收益分析(Plotly实现)。