HyperCRX 与 OSGraph 的集成（HyperCRX 图可视化部分用 OSGraph 替换）

[will-ww]

随着 HyperCRX 的持续发展，以及 OSGraph 成长（已经被作为 TuGraph 团队的重要对外展示项目），开始进一步推动两个项目的集成与协同发展。其中一个重要的事项是将 HyperCRX 中和图有关的可视化视图用 OSGRaph 中的图组件进行替换，这样不仅双方可以集中在公共的兴趣点上，同事也可以互相宣传与发展。

• 对于 HyperCRX 来说，不用自己维护一套图可视化的方案了，集中力量做差异化的功能与社区运营；
• 对于 OSGraph 来说，能够吸引到 HyperCRX 的力量来协同参与图可视化组件的设计、开发与维护
• 同时还能够在高校推广、社区推广、学术界推广、各类大会推广上进行协同

[xiaoya-yaya]

HyperCRX 与 OSGraph 的合作方向：

1. 第一阶段，以外滩大会发布为节点，HyperCRX 的图谱以 iframe 的形式端到端替换为 OSGraph 的六大图谱
2. 第二阶段，探索底层数据的融合，X-lab 和 OSGraph 实现共享的数据底座

以外滩大会9月7号发布为节点的话，在7月底之前：

1. OSGraph 会推动图谱画布分享 url 的显式化实现，参考样例：../github/microsoft/vscode/xxgraph
2. X-lab 用现有的 sharing url 测试 iframe 在插件中嵌入的匹配度和效果 @HalloMelon @wangyantong2000

[will-ww]

@HalloMelon 将负责后续的开发对接工作，大家有什么问题可以直接这里讨论，也可以在 HyperCRX Issue 上讨论：hypertrons/hypertrons-crx#834

[wangyantong2000]

之后的展现效果是不是类似这样

[frank-zsy]

@wangyantong2000 这是已经使用 iframe 嵌入的效果吗？

[wangyantong2000]

是的，使用 iframe 嵌入

[frank-zsy]

那看起来技术上完全没有难点~我们需要的是：

• 六个图的中英文标题
• 六个图的中英文介绍文本
• 右上角的时间区间替换为 OSGraph 的 Logo 及外链即可

[wangyantong2000]

那看起来技术上完全没有难点~我们需要的是：

• 六个图的中英文标题
• 六个图的中英文介绍文本
• 右上角的时间区间替换为 OSGraph 的 Logo 及外链即可

想问一下，第三点中的外链是要链到哪里， OSGraph 的 Logo 是使用的哪个

[frank-zsy]

外链的地址是 https://osgraph.com/ ，Logo 可以使用这个

[wangyantong2000]

目前的效果如下所示：

iShot_2024-08-03_10.44.02.mp4