如何在 WordPress 中使用 D3js？

Question

我已经安装了 wordpress 以及 d3js 的插件。现在，上传数据以便我可以即时制作和提供图表的最佳方式是什么？

• 如果我直接上传csv文件，我将其存储在哪里？有关系吗？
• 如果我想将数据存储在第三方网站中，我可以使用什么？最好是免费服务。

我已经在本地机器上制作了图表，我想现在发布这些图表。

Answer 1

实际上，如果您运行自己的 WordPress 实例，您可能不需要任何插件（wordpress.com 网站有限制）。

1. 正如 ekatz 所说，在媒体库中上传文件：数据（csv 或 json）和包含 d3.js 可视化的 html 页面（在 html 中嵌入 javascript 可能是一个好主意）注意 html 的 URL，某些内容例如：www.yourwebsite.com/wp-content/uploads/2015/11/d3page.html

请注意您的 javascript 如何引用您的数据。如果是同目录上传，则使用相对路径导入d3.csv("file.csv") 2. post/page 版本中，使用 HTML 模式，创建 iFrame：

`<iframe
  style="border: 0px;"
  src="www.yourwebsite.com/wp-content/uploads/2015/11/d3page.html"
  scrolling="no"
  width="100%"
  height="500px">
</iframe>`

滚动选项和边框样式用于使其看起来像是帖子的一部分。

预览或发布后，您应该会看到可视化效果。

查看更多详细信息：http://www.datamaplab.com/posts/embedding-javascript-visualization-wordpress/

关于存储数据的外部服务，您可以使用http://www.fledit.io/来存储json数据，它是免费且开源的。