一、基础开发技术

1、SVG

SVG是一种XML语言，类似XHTML，可以用来绘制矢量图形。SVG可以通过定义必要的线和形状来创建一个图形，也可以修改已有的位图，或者将这两种方式结合起来创建图形。

2、Canvas

Canvas API 提供了一个通过JavaScript 和 HTML的元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等领域。

Canvas绘制的图形不会出现在DOM结构中，一般小画布、大数据量的场景适合用Canvas，性能更好。

3、WebGL

WebGL 使得在支持HTML 的 canvas 标签的浏览器中，不需要安装任何插件，便可以使用基于 OpenGL ES 2.0 的 API 在 canvas 中进行2D和3D渲染。如果您有一些3D绘制的需求，可以采用webGL方案。尤其是3d地图、3d地球等绘制都需要用到webGL技术。

二、可视化组件和工具

1、ZRender

ZRender是一个轻量级的Canvas类库，是一个二维绘图引擎，它提供 Canvas、SVG、VML 多种渲染方式，并提供类 Dom 事件模型。同时，ZRender 也是 ECharts 的渲染器。

使用ZRender并不复杂，我们需要引入相应的JavaScript文件，利用其所提供的API初始化一个Dom容器，在这个容器里绘制您所需要的图形。

2、Echarts

如果需要做可视化方面的工作，那么你对Echarts一定不陌生。Echarts是百度开源的一个javaScript可视化图库，可以流畅地在 PC 和移动设备上运行，兼容当前绝大部分浏览器，底层依赖矢量图形库 ZRender，提供直观、交互丰富、可高度个性化定制的数据可视化图表。同时，Echarts的学习和使用也相对容易，通过几个简单的option配置项就可以很快地绘制出一个图表出来。

3、AntV

AntV 是一个数据可视化项目，也是一个团队，即蚂蚁集团的数据可视化团队。AntV 目前覆盖了统计图表、移动端图表、图可视化、地理可视化、2D 绘图引擎和智能可视化等多个领域，主要包含 G2栈、F2栈、G6栈、X6栈、L7栈、AVA 以及一套完整的图表使用和设计规范。

4、Wyn Enterprise

Wyn Enterprise 是一款强大的嵌入式数据可视化工具，提供了灵活的数据交互和探索分析能力，以及 OEM 白标集成的方式，全面满足行业应用软件的数据分析需求。它具备多源数据整合、报表设计、数据可视化、自助式BI分析、以及数据填报等功能，帮助用户挖掘数据的潜在价值，为管理者制定决策提供数据支撑。

5、D3

D3.js库是一个开源项目，作者是纽约时报的工程师。准确来说，D3.js实际是一个JavaScript函数库，不是图表库，比较适合于做数据可视化。D3有丰富的数学函数处理数据转换和物理计算，可以把数据和 HTML 结构或者 SVG 文档对应起来，这种特性让我们可以更方便的操作DOM绘制图表。它可以说是 “可视化界的jQuery”，因为D3的api和jQuery非常类似，可以看以下的例子：

d3.select('#chart') .selectAll("div") .data([4, 16, 23, 42]) .enter() .append("div") .style("height", (d)=> d + "px")

如果只是想绘制常见图表，倒是没必要直接用 D3，可以看看那些基于 D3 的图表库，比如Ploty.js、nivo等。这里贴出d3的GitHub项目地址：https://github.com/d3/d3

6、Vega

使用Vega不需要写前端代码，它做到了只需要 JSON 就能完成所有图表相关的开发，包括数据的加载、转换、交互等。由于Vega致力于通过一些JSON配置项实现图表的绘制，导致在生成一些基础简单的图表时，也需要很多行的配置。比如最简单的柱状图就需要95行配置，所以它提供了更简明的语法Vega-Lite，用于快速生成可视化以支持分析。

如果你对如何做好用户洞察和数据分析感兴趣，这里有一份深度好文与您分享：

《抽丝剥茧，一文讲透数据分析的本质》

https://www.linkflowtech.com/blogs/7atqh-TVX19h5QW9z4tVAg

LinkTalk x 游读科技，掌握全域融合的 5 天未来总裁训练营！

主题：数据到底有什么用？！传你一套心法、套路和招式

时间：每周一到每周五，无回放，提前预约锁定！

主要内容：

• 解惑：为什么你看重数据却不如大力出奇迹有效果
• 授业：如何搭建起一整套客观有用的数据洞察体系
• 传道：会看数和会用数之间到底隔着哪些鸿沟

扫码预约直播，根据提示加入学习群：

1. 优质圈层智力成果：50000+ 增长黑客、一线运营、销转高手、业务负责人，每日讨论全域营销、用户洞察、转化率优化等热门话题；
2. 专属咨询绿色通道：1v1反馈您遇到的问题，请认真填写下方申请，专家将根据您的实际需求为您提供1v1业务诊断与分析：http://ln8w.cn/Svibaa
3. 私享大师班直通车：不论你是私域一线还是营销老手，不论您是为了个人突破还是为了团队管理，不论您关注销售、运营还是营销、数据分析，只要您希望通过系统学习彻底解决当前困局，大师班都将为你提供宝贵的知识和实用的策略，助你成为面向未来趋势的顶尖高手：https://m.lizhiweike.com/channel2/1470427