performance - D3 JS - 如何将svgs网格转换为一个以提高整体性能？

目前我正在使用D3JS构建一个类似网格svg的马赛克。

您可以想象如下图所示。

我已经标记了小图像，并将数据作为2D标签阵列将小图像映射为这样的最终马赛克图像。我遇到的问题是我将有多个马赛克图像，有时会在不同网格尺寸的页面上显示超过30个图像。由于每个马赛克图像实际上是来自具有关系的d3树的节点。随着更多节点和svgs的呈现，性能下降。

有没有其他方法可以动态转换svgs的网格？或者还有其他更好的建议可以在D3js中获得相同的结果吗？

谢谢