1️⃣ 如果你曾经做成数据分析，使用过 PowerBI 和 Tableau 来进行数据分析，你会发现这两款产品对如何制作可视化图表的操作方式会有明显不一致的地方。 比如在 PowerBI 中，但你需要绘制一个图表时，需要先选择一个统计图表，然后根据当前选择的图表来配置对应必要的…

一个普通的网页，浏览器在渲染前需要先构建 DOM（document object model） 和 CSSOM (css object model） 树。 转换：浏览器从磁盘或网络读取 HTML 的原始字节，并根据文件的指定编码将它们转换成各个字符。 令牌化： 浏览器将字符串转…

早在做 G2 之前我们就接触了集团内部一些关系图的项目，以安全和风控的业务为主，也有一些动态的流程图，但是团队迟迟没有决定编写一套关系图框架，很大的一个原因在于：有太多失败的关系图项目。 一方面用户很难完成业务上的任务，看起来好看但是不好用，另一方面使用的技术栈很零散，一旦我们…

图——实体与关系的集合，往往具有庞大的数据量。最常见的图可视化将关系数据绘制为大量节点和边元素，而每一个元素也可能由多种图形复合而成，例如最为常见的带文本节点。图元素的样式变化万千，渲染、交互性能一直是关系数据可视化中最为棘手问题之一。特别是在前端计算资源有限的情况下，如何提升…

3D动画效果现在越来越普及，已经被广泛的应用到了各个平台，比如阿里云，华为云，webpack官网等。它可以更接近于真实的展示我们的产品和介绍，带来极强的视觉冲击感。所以说，为了让自己更加优秀，css3 3D动画必不可少。 当为元素定义 perspective 属性时，其子元素会…

SVG，即可缩放矢量图形(Scalable Vector Graphics)，是一种 XML 应用，可以以一种简洁、可移植的形式表示图形信息。目前，人们对 SVG 越来越感兴趣。大多数现代浏览器都能显示 SVG 图形，并且大多数矢量绘图软件都能导出 SVG 图形。SVG 主要可…

这篇是学习和回顾canvas系列笔记的第六篇，完整笔记详见：canvas核心技术。 在上一篇canvas核心技术-如何实现复杂的动画笔记中，我们详细讨论了在制作复杂动画时，需要考虑时间因素，物理因素等，同时还回顾了如何使用缓动函数来扭曲时间轴实现非线性运动，比如常见的缓入，缓出…