关于前端:记录一次内部分享会G6js图论和可视化的内容

33次阅读

共计 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 的特色实现。

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