html - 将 SVG 图打包到网站上的最有效方法是什么？

Question

我正在做一个链接在这里的爱好项目：https ://conjectory.org/

该站点本质上是呈现到屏幕上的 SVG 图形的集合。

从用户体验的角度来看，网站有多“宽”有点令人沮丧，我希望更有效地打包图表。

现在 SVG 协议做了一些不错的事情，比如最小化边缘交叉的数量，我想保留它，但是我不想让我的所有根节点都处于相同的高度，而是将它们打包到一个最小化总平方的区域中区域。

我的想法：

一种做法是把这片森林中的每一棵独立的树都变成自己的SVG对象并打包成一个div，那么问题是我们如何在屏幕中尽可能高效地打包矩形div。

但这感觉非常费力，（找到一个打包算法 + 将 SVG 拆分成单独的块），我想知道是否有更优雅的解决方案。

标签： htmlsvgdata-visualization