共计 838 个字符,预计需要花费 3 分钟才能阅读完成。
欢送各位搭档, 可能观看这次 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
的特色实现。
- 交互类的事件
events
,animates
动画等模块。plugins
插件化的工具类库实现以及如何接入应用。