【技术科普】从AntV聊数据可视化 | DevmoreWork

迪魔王 Devmore - More about Dev

# 导读

本期嘉宾是 AntV 项目的运营嘤嘤，一个穿着露脐装的女程序员。

上一期关于BI 的节目我们聊过数据是事实，利用数据分析可以给到决策指导。数据的读取和展示也是观测和分析需要的重要环节，数据的可视化如何做，ECharts、AntV 等等的开源项目是在重复造轮子还是各有侧重，数据可视化可不是做酷炫大屏这么简单，让我们听听在中传媒做程序员的怪力少女嘤嘤的解析吧～

# 主播

- 五花肉：嘤嘤的好搭档，目前在学习数据可视化。

- 迪西：做过前端开发也接触过一些数据可视化的程序员。

# 嘉宾

- [嘤嘤](https://mp.weixin.qq.com/s/yfr1TDRGOWYmk_WmMKG_uw)：过程过于有趣一句话概括不了的头着地 AntV 现运营嘤嘤。

# 时间轴

-【00:30】什么是数据可视化?

-【12:10】AntV 跟 DataV，Echarts 等相比，有哪些区别？

-【20:52】数据可视化的一些应用场景

-【24:32】在 AntV 团队工作是怎样的体验？

-【31:31】AntV 是如何平衡通用需求和定制化需求的？

-【33:16】AntV 各大产品线名字的由来

-【35:06】AntV 和 AntDesign 的关系

-【37:06】AntV 背后的技术

-【42:10】入门数据可视化方向的一些建议和学习资料

-【53:22】AntV 带你从 0 到 1 入门数据可视化

# 延伸阅读

- 【AntV】：AntV 是一个基于数据可视化的开源图表库，由蚂蚁金服的数据可视化团队开发和维护。AntV 提供了丰富的图表组件和交互功能，可以帮助开发者快速构建出美观、交互丰富的数据可视化界面。AntV 支持多种常见的图表类型，如折线图、柱状图、饼图等，同时还支持地图、关系图等复杂的可视化需求。AntV 基于React 和 G2 引擎，具有高性能和可扩展性，被广泛应用于各种数据可视化项目中。

- 【Echarts】：是百度开源的一款基于 JavaScript 的数据可视化库。它提供了丰富的图表类型和交互功能，可以帮助开发者将数据以图表的形式进行可视化展示。

- 【AntDesign】：AntD 是一个开源的前端 UI 组件库，由蚂蚁金服的前端团队 Ant Design 开发和维护。AntD 提供了丰富的 UI 组件和模板，可以帮助开发者快速构建出美观、易用的前端界面。AntD 的设计风格简洁、现代，符合用户友好的原则，并且提供了丰富的定制化选项，可以根据项目需求进行个性化的样式和布局配置。

- 【Canvas】：Canvas 是一个用于绘制图形、创建动画、处理图像以及实现其他视觉效果的 HTML 元素。Canvas 提供了一块空白的画布，开发者可以使用 JavaScript 通过画布上的 API 来绘制和操作图形。通过Canvas，开发者可以使用基本的绘图方法，如绘制线条、填充颜色、绘制图形等，还可以绘制复杂的路径、创建渐变、矩阵变换以及处理图像数据等。Canvas 也支持动画效果，通过更新画布上的图形，可以创建流畅的动画效果。

- 【SVG】：SVG 是一种灵活、可扩展且适应性强的图形格式，可以用于创建各种复杂的矢量图形，并在 Web 上实现交互和动画效果。

# 推荐

- [可视化设计原则](https://antv.antgroup.com/specification/principles/basic)

- [《可视化入门：从 0 到 1 开发一个图表库》](https://juejin.cn/book/7031893648145186824)

- [墨者修齐 · 可视化作品](https://www.yuque.com/mo-college/weekly)

- AntV 微信公众号：

# Staff

后期：迪西

运营：潘潘

文档：天猪

# 关于节目

「迪魔王Devmore」让有意义的事情有意思。

[DevmoreWork](https://www.yuque.com/devmore/work)，more about work，侧重专业的职场话题，邀请行业专业嘉宾，为大家带来更多专业方向的知识和参考。

[DevmoreLife](https://www.yuque.com/devmore/life)，tech in life，是技术生活系列，技术源于生活，又归于生活，该系列跟你聊一聊生活中无处不在的技术。

[MeetDevmore](https://www.yuque.com/devmore/meet)，meet with us，围绕某一个话题，邀请嘉宾和听众们边吃边聊，我们相信，每一个观点都值得被听见。