记录一次内部分享会【G6js,图论和可视化的内容】

欢迎各位伙伴,能够观看这次live(前端数据可视化方向)。在过去的一年的分享加起来可能只有7 8次的样子,上传到B站的只有一个(总是忘记录屏...,这次也忘记了= =;) 收到了一些私信希望我多多继续,其中也有一些很好的意见,在逐步转换到我的分享中。今年会加大分享力度 内容呢就是可视化,算法,架构等等方向。

上面是我的个人微信,如果有需要可以添加一下。

今日分享主题围绕入门入行。已什么是G6?为引线展开。

G6是一个专注与图可视化分析的引擎,内部提供图的绘制、布局、分析、交互等基础能力。引申出 graph 和 visualization关键术语,需要分析探索一下。

Graph并非我们传统认知的图画,图表,也不是指在计算机中图的数据结构。而是图论 一种图的理论。通俗来说它包含俩个元素 一个节点vertex 一个边 edge(或者称为实体与关系)。通过边来链接节点。(如果图中没有节点一定没边。)

图包含一些专业术语以及图的算法。有兴趣的小伙伴可以了解一下。

visualization 可视化也并非我们传统认识 只是chart,graph等数据的可视化,还有有图像识别 地理信息展示等等。。。它存在于各大领域,科学, 工程, 新闻等等。数据可视化只是一种方向,描述。(非行业领域)。

进入今天的开头话题 G6有设计体系 通过一些场景分析,提取出不限于表现层,交互层等相关的设计。还有一些值得发现并深入学习研究的细节。(感谢背后团队的付出)

但是G6的软件工程设计还是可以展开谈谈的。在语雀里有内部他们的分享以及架构图。我这边通过学习贴的个人理解。

最新的4.+版本 layout模块 graph algorithms模块做了分离。(基于webWorker算法部分内部含外网链接,内网同学注意)

内部源码模块分析 也算是核心部分的模块。 核心主要包含:

1.基础渲染图元的封装element(基于G的封装)以及combo的特色实现。

2. 交互类的事件events,animates动画等模块。
3. plugins插件化的工具类库实现以及如何接入使用。