知识图谱可视化的现状

3d可视化数字孪生天空地海

知识图谱3d可视化数字孪生可视化经过是一个逐步演进的过程，经过了几个阶段的技术引入，重庆3D动画公司包括SVG、Canvas2D、WebGL、WebGL2以及最新的WebGPU，目前的技术现状是受限于计算机软硬件的限制，主要以2D为主。

1、可缩放矢量图形（Scalable Vector Graphics，SVG），是一种用于描述二维的矢量图形，基于XML的标记语言。作为一个基于文本的开放网络标准，SVG能够优雅而简洁地渲染不同大小的图形，并和CSS，DOM，Javascr1pt等其他网络标准无缝衔接操作非常方便。其中D3.js开创了使用SVG绘制知识图谱网络图的先河，为开源社区提供了早期知识图谱可视化的技术库资源。

2、Canvas是HTML5提供的一种新的标签，它定义了重庆3D动画制作中一个矩形区域的画布，通过Javascr1pt可以再画布上绘制各种图形，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法，为区别WebGL这里的Canvas主要是指Canvas2D。

Canvas、SVG技术的优劣势比较：

从大部分的实践来看，Canvas比SVG在渲染绘制性能上有优势，特别是在绘制对象数量比较多的情况，但另一个方面是画布尺寸的影响，因为SVG是矢量的，所以在大尺寸的绘制上性能有优势。微软MSDN上给的一个对比图：

而且在小数据量的情况下，SVG的方案通常内存占用会更小，做缩放、平移等操作的时候往往帧率也更高。

从交互优势上，看由于SVG是基于HTML的DOM,能快速应用浏览器底层的鼠标事件、CSS样式、CSS3动画等,在交互、局部重绘制上有很多便利。

3、 WebGL（Web图形库）是一个Javascr1pt 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目前能支持的设备还比较少，相关的生态还在发展阶段，但这个是未来的趋势。