3D可视化：用元宇宙的方式打开知识图谱( 二 ) _宇宙知识

而且在小数据量的情况下， SVG的方案通常内存占用会更小，做缩放、平移等操作的时候往往帧率也更高。
从交互优势上，看由于SVG是基于HTML的DOM,能快速应用浏览器底层的鼠标事件、CSS样式、CSS3动画等,在交互、局部重绘制上有很多便利。
3、 WebGL（Web图形库）是一个JavaScript API，可在任何兼容的Web浏览器中渲染高性能的交互式3D和2D图形，而无需使用插件。 WebGL通过引入一个与OpenGL ES 2.0非常一致的API来做到这一点，该API可以在HTML5的Canvas元素中使用。
4、WebGL 2是WebGL的一个主要更新，它通过WebGL2RenderingContext接口提供。它基于OpenGL ES 3.0，新一些功能特性，在性能上也有较大提升，但受限于OpenGL引擎技术相对WebGPU落后。
5、WebGPU是基于Vulkan、Metal和Direct3D 12设计上更好的反映了GPU硬件技术这些年新的发展，能提供更好的性能，支持多线程，采用了偏面向对象的编程风格， WebGPU目前能支持的设备还比较少，相关的生态还在发展阶段，但这个是未来的趋势。
在知识图谱的可视化逐步演进的过程中，也涌现出了一些较为经典的开源项目和企业，如：
1、D3.js项目
D3是一款可视化Javascript库，提供了可视化的的基础能力：如图形、色彩、比例尺、布局算法、定时器、缩放、动画已经操作交互等。
2、Sigma.js项目
Sigma.js相较D3.js是专门为图谱渲染编写的Javascript库，期主要特点是对图谱渲染做了一些优化努力，包括使用Canvas技术来渲染图谱，所以能处理上千节点的图谱渲染。
3、Cytoscape.js项目
Cytoscape.js主要专注在图论算法上， Cytoscape.js图布局上上做了很多研究，在提供了大量的实践示例对不同布局的同时Cytoscape.js也提供了手势等交互控制。
4、Cambridge-intelligence公司
Cambridge-intelligence开发了多款知识图谱可视化产品， Keylines是基于Javascript的图谱可视化库， ReGraph是基于React前端框架的可视化组件库， KronoGraph是用于时序数据分析的工具，剑桥公司在知识图谱领域实践了很多应用场景，是目前改领域大家争相学习的对象。
三、3D图谱可视化的价值
目前主流的图谱可视化还是基于平面的可视化，使用的技术也是基于Canvas为主，其表现力和性能方便还比较有限。但随着新的技术演进、硬件的更新， WebGL、WebGPU技术将2D的可视化扩展到3D的可视化，未来3D可视化技术在软硬件成熟后将给人以更贴近自然的方式去了解把握知识。
3D可视化技术是一种新的管理、分析和交互数据的方式。它能实现实时反射、实时折射、动态阴影等高品质，也可以逼真地实时渲染3D图像。 3D数据可视化与一般数据可视化主要区别就是更立体、更真实、更有沉浸感。 2D的图谱由于平面空间比较有限，节点与边容易糊在一起形成麻球状，使得视觉不清晰，而3D图谱数据可视化呈现了一个全新的视角，运用3D空间，我们可以很容易的通过旋转视角、缩放相机达到深入了解并且查看数据的目的。

3D图谱可视化可以运用物理坐标体系，将数据映射到地理空间上，结合图谱与地理信息进行数据汇集，使得用户更好地理解数据与物理现实之间的关系，加深对数据的理解，创造更好的体验感。

3D可视化：用元宇宙的方式打开知识图谱( 二 )

猜你喜欢