图数据可视化是现代 Web 可视化技术中比较常见的一种展示方式，NebulaGraph Explorer 作为基于 NebulaGraph 的可视化产品，在可视化图数据领域积累了许多经验，尤其是在图形渲染性能等领域。本文将系统性分享下 NebulaGraph Explorer 在 3D 图数据展示上的一些应用。以下演示皆可以在 https://explorer.nebula-graph.com.cn/explorer 在线试用。
目前业界常用的图数据展示都采用 2D 力导图的逻辑，如下图所示：
这种二维化的可视化模式，在图形语义上对物理世界数据进行了降维，通过点、边形状来描述实体和关系，符合人脑的习惯性直觉，简化了图数据的理解成本。D3-force，G6 等所采用的就是这样一种布局模式，也是大部分图类场景的基础算法。
其布局的力导算法则是大部分基于经典的 Fruchterman 布局算法，模拟弹簧的胡克定律和物体的万有引力，制造相互牵引和排斥的力算法，再通过模拟冷却收敛，最终得到减少交叉、步长等距、点分离独立的二维图布局。这也是可视化的基本诉求，即能够无遮挡地清晰查看各类繁杂的数据。
然而，2D 场景并不一定适用所有场景，主要有以下原因：
部分数据具有原生的空间坐标信息，且这部分信息也不可降维，如分子结构、经纬度的球坐标展示、具有层级高度的数据等。这类数据通过 3D 展示会更符合人的习惯和直觉。
在较大的数据集情况下，由于 2D 没有深度，导致所有的数据需要被平铺在画布上，可以想象一个西瓜的所有西瓜籽平铺的情况，占地面积要远远大于西瓜本身。因此这种情况需要将数据本身信息可视化还原，就需要 3D 可视化技术来实现了。
图数据的 3D 可视化在逻辑上和 2D 比较像，我们一般依然是采用 2D 的 Fruchterman 力导图逻辑，也依然需要尽量避免交叉遮挡，但维度升了一维，逻辑复杂度也上升不少。因此我们重新自研了 3D 力导向算法来获得更好的效果和性能。可以看到下图同样的复杂网络关系中，3D 显示则会有较为明确的关系展示。
对于高密度的点边，可以像 3D 游戏一样，将视角转移、切换，观察到不同角度的图数据结构。
相同的数据也可以有完全不同的可视化效果。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YdWKzflA-1672383241171)(null)]
在 3D 鸟瞰情况下，可以将点在空间方向散射开，同样数据量下，画布能清晰的标识出节点团簇，也可以轻松的识别出超级节点。
通过屏幕内的整体颜色分布，能大致看出来整个可视化图中的节点 Tag 占比。
用户可以在整个空间内搜索节点，直接定位到对应节点上，查看相关联的其余节点数据。上图为视频生成的 gif 图，画面切换会略有卡顿，如果你直接使用 NebulaGraph Explorer 进行探索的话会更流畅。
目前我们的 3D 可视化可以支持 10w 点，10w 边同时渲染。渲染数量是由渲染性能、布局计算性能、内存占用、网络速率、NebulaGraph 性能等各方面因素综合决定的，上限主要由硬件和外部条件限制（网速，客户端机器配置，NebulaGraph 机器性能）决定，下限则是由图形渲染及布局算法决定。为了进一步提高下限，我们自研了图形渲染和布局算法部分，得到了较好的效果。
WebGL 是 web 端直接利用 GPU 进行渲染的方式。我们为了提高每一帧的图形渲染能力，在 3D 模式下采用 WebGL 来进行渲染。并且支持高低性能模式：
分别通过原生 Shader 和 Mesh 绘制，用户可以根据自己电脑终端的硬件情况选择对应的渲染模式。
其中高性能模式下，我们通过自研优化的 Shader，利用 GPU 并行计算的能力，将一些渲染效果放到着色器中计算，极大地提高了渲染速率，让渲染性能不再成为瓶颈。这也基本上达到了目前浏览器的极限。
在图布局算法方面，我们用八叉树优化了力导过程的算力消耗，并且针对使用 LinLog 模型对超级点进行了受力优化。由于算法性能消耗比较大，我们使用 Golang 对八叉树算法和力导算法进行了重写，最终可以支持在 20w 图元的情况下，预热完成后稳定在 1s 以下完成一次运算。
另外为了图布局计算不影响前台页面渲染，我们利用多个 worker 进程，将不同的 CPU 任务分布下去，这样木桶的各个短板不会影响渲染和交互的长板，用户在布局的时候依然可以灵活的操作。
利用上述的一些手段，我们将 3D 可视化的性能几乎提升到浏览器极限，而对于一些不大的图空间数据，完全可以一次性载入分析。
由于 3D 模式的开发复杂度较 2D 提升较多，因此目前仅用于一种特殊的图数据展示方式，在未来，会综合实际的业务场景，进行更多的体验优化。
时序及 GIS 领域的图布局
映射图数据坐标到渲染中
增加边的相关交互行为
谢谢你读完本文 (///▽///)
想来近距离体验 NebulaGraph Explorer 的酷炫流畅吗？现在可以用用 NebulaGraph Cloud 来搭建自己的图数据系统哟，云上 NebulaGraph 搭载免费的图探索工具 Explorer 点击拖拽搞定线上业务吧~ NebulaGraph 阿里云计算巢现 30 天免费使用中，点击链接来用用图数据库吧~
想看源码的小伙伴可以前往 GitHub 阅读、使用、(з)-☆ star 它 -> GitHub；和其他的 NebulaGraph 用户一起交流图数据库技术和应用技能，留下「你的名片」一起玩耍呢~
很好奇，就使用rubyonrails自动化单元测试而言，你们正在做什么？您是否创建了一个脚本来在cron中运行rake作业并将结果邮寄给您？git中的预提交Hook？只是手动调用？我完全理解测试，但想知道在错误发生之前捕获错误的最佳实践是什么。让我们理所当然地认为测试本身是完美无缺的，并且可以正常工作。下一步是什么以确保他们在正确的时间将可能有害的结果传达给您？ 最佳答案 不确定您到底想听什么，但是有几个级别的自动代码库控制:在处理某项功能时，您可以使用类似autotest的内容获得关于哪些有效，哪些无效的即时反馈。要确保您的提
我即将开始一个将录制和编辑音频文件的项目，我正在寻找一个好的库(最好是Ruby，但会考虑Java或.NET以外的任何库)以进行实时可视化波形。有人知道我应该从哪里开始搜索吗？ 最佳答案 要流入浏览器的数据量很大。Flash或Flex图表可能是唯一能提高内存效率的解决方案。Javascript图表往往会因大型数据集而崩溃。 关于ruby-Ruby中的波形可视化，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.c
所以我开始关注ruby，很多东西看起来不错，但我对隐式return语句很反感。我理解默认情况下让所有内容返回self或nil但不是语句的最后一个值。对我来说，它看起来非常脆弱(尤其是)如果你正在使用一个不打算返回某些东西的方法(尤其是一个改变状态/破坏性方法的函数!)，其他人可能最终依赖于一个返回对方法的目的并不重要，并且有很大的改变机会。隐式返回有什么意义？有没有办法让事情变得更简单？总是有返回以防止隐含返回被认为是好的做法吗？我是不是太担心这个了？附言当人们想要从方法中返回特定的东西时，他们是否经常使用隐式返回，这不是让你组中的其他人更容易破坏彼此的代码吗？当然，记录一切并给出
给定以下方法:defsome_method:valueend以下语句按我的预期工作:some_method||:other#=>:valuex=some_method||:other#=>:value但是下面语句的行为让我感到困惑:some_method=some_method||:other#=>:other它按预期创建了一个名为some_method的局部变量，随后对some_method的调用返回该局部变量的值。但为什么它分配:other而不是:value呢？我知道这可能不是一件明智的事情，并且可以看出它可能有多么模棱两可，但我认为应该在考虑作业之前评估作业的右侧...我已经在R
我在我的Rails3示例应用程序上使用CarrierWave。我想验证远程位置上传，因此当用户提交无效URL(空白或非图像)时，我不会收到标准错误异常:CarrierWave::DownloadErrorinImageController#createtryingtodownloadafilewhichisnotservedoverHTTP这是我的模型:classPaintingtrue,:length=>{:minimum=>5,:maximum=>100}validates:image,:presence=>trueend这是我的Controller:classPaintingsC
无论您是想搭建桌面端、WEB端或者移动端APP应用，HOOPSPlatform组件都可以为您提供弹性的3D集成架构，同时，由工业领域3D技术专家组成的HOOPS技术团队也能为您提供技术支持服务。如果您的客户期望有一种在多个平台（桌面/WEB/APP，而且某些客户端是“瘦”客户端）快速、方便地将数据接入到3D应用系统的解决方案，并且当访问数据时，在各个平台上的性能和用户体验保持一致，HOOPSPlatform将帮助您完成。利用HOOPSPlatform，您可以开发在任何环境下的3D基础应用架构。HOOPSPlatform可以帮您打造3D创新型产品，HOOPSSDK包含的技术有：快速且准确的CAD
导读：随着叮咚买菜业务的发展，不同的业务场景对数据分析提出了不同的需求，他们希望引入一款实时OLAP数据库，构建一个灵活的多维实时查询和分析的平台，统一数据的接入和查询方案，解决各业务线对数据高效实时查询和精细化运营的需求。经过调研选型，最终引入ApacheDoris作为最终的OLAP分析引擎，Doris作为核心的OLAP引擎支持复杂地分析操作、提供多维的数据视图，在叮咚买菜数十个业务场景中广泛应用。作者｜叮咚买菜资深数据工程师韩青叮咚买菜创立于2017年5月，是一家专注美好食物的创业公司。叮咚买菜专注吃的事业，为满足更多人“想吃什么”而努力，通过美好食材的供应、美好滋味的开发以及美食品牌的孵
电脑0x0000001A蓝屏错误怎么U盘重装系统教学分享。有用户电脑开机之后遇到了系统蓝屏的情况。系统蓝屏问题很多时候都是系统bug，只有通过重装系统来进行解决。那么蓝屏问题如何通过U盘重装新系统来解决呢？来看看以下的详细操作方法教学吧。 准备工作： 1、U盘一个（尽量使用8G以上的U盘）。 2、一台正常联网可使用的电脑。 3、ghost或ISO系统镜像文件（Win10系统下载_Win10专业版_windows10正式版下载-系统之家）。 4、在本页面下载U盘启动盘制作工具：系统之家U盘启动工具。 U盘启动盘制作步骤： 注意：制作期间，U盘会被格式化，因此U盘中的重要文件请注
本教程将在Unity3D中混合Optitrack与数据手套的数据流，在人体运动的基础上，添加双手手指部分的运动。双手手背的角度仍由Optitrack提供，数据手套提供双手手指的角度。 01 客户端软件分别安装MotiveBody与MotionVenus并校准人体与数据手套。MotiveBodyMotionVenus数据手套使用、校准流程参照：https://gitee.com/foheart_1/foheart-h1-data-summary.git02 数据转发打开MotiveBody软件的Streaming，开始向Unity3D广播数据；MotionVenus中设置->选项选择Unit
Unity自动旋转动画1.开门需要门把手先动,门再动2.关门需要门先动,门把手再动3.中途播放过程中不可以再次进行操作觉得太复杂?查看我的文章开关门简易进阶版效果:如果这个门可以直接打开的话,就不需要放置"门把手"如果门把手还有钥匙需要旋转,那就可以把钥匙放在门把手的"门把手",理论上是可以无限套娃的可调整参数有:角度,反向,轴向,速度运行时点击Test进行测试自己写的代码比较垃圾,命名与结构比较拉,高手轻点喷,新手有类似的需求可以拿去做参考上代码usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;u
