从矩形打包算法的输出创建HTML网格

Question

我正在使用rectpackpython库来获得包含d3图表的div元素的最佳矩形打包位置。我在1200像素宽的画布上有height, width, bottom-left corner x coordinate, bottom-left corner y coordinate元素的div，看起来像下面的图。

注意：由于项目的性质，我必须在网格中iframe使用d3图表HTML。我只有图表的宽度和高度信息，它们也可能稍后被另一种图表替代，例如bokeh chart HTML输出。所以，定位div是我唯一的选择。你知道吗

我需要将其转换为一个HTML网格，但由于我不是一个web开发人员，我有点被困于如何用上面的信息创建这样一个网格。我使用jinja2模板引擎来创建这个。但是，我一直在尝试准确地定位div，因为似乎没有一个明显的地方可以在css之外添加位置信息。但由于每个元素都是唯一的，所以为每个元素动态创建css似乎不是最佳选择。你知道吗

在这种情况下，最好的方法是什么？你知道吗