将JavaScript/SVG数据可视化嵌入到Octopress post中，并正确对齐？

在我的Octopress博客上的一篇文章中，我试图嵌入一些使用D3.js开发的基本数据可视化。我知道如何将脚本添加到帖子中（并且涵盖得足够好），因此我能够显示可视化效果

我的问题是视觉效果的一致性——它们出现在博客的最底部，在文章本身之外（我会包括一个截图，但我没有足够的信誉点来分享图片）。当我检查HTML元素时，我看到这两个可视化是位于底部的SVG元素（它们应该是这样的），与div#content和div.entry-content（显示文章其余内容的地方）分开，并且晚于页脚和侧边栏

---

有没有一种简单的方法可以在Octopress上嵌入这些可视化效果？

我以前没有使用过Octopress，但是如果您使用

d3嵌入
svg
。选择（'body'）。追加（'svg'）

，然后尝试将其更改为

d3。选择（'.entry content'）。追加（'svg'）

。如果您的脚本在编译标记后插入svg，那么我认为应该这样做。您完全正确。谢谢