Question

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

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

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

Answer 1

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

正如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.在帖子/页面版本中，使用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数据，它是免费的和开源的。

Answer 2

将您的数据文件包含在WP媒体库中，然后复制相关链接。

插入您的数据文件名通常会出现在代码中的链接，但不要在您包含的网址中包含数据链接。

Answer 3

浏览了许多网站，youtube视频之后，这是我的解决方案：

安装文件管理器插件
为您的d3项目添加一个文件夹（例如：d3-projects / project_1），该文件夹应位于 public_html 文件夹以及wp-admin，wp-content < / li>
确保在您的index.html页面中嵌入了 javascript代码
将index.html和CSS文件添加到 project_1文件夹
通过 your_site_url / project_1

Answer 4

您可以在WordPress中使用vida.io嵌入功能。它可以免费进行公共可视化。例如：

<iframe src="http://vida.io/embed/SodotqYWppo6NWK9m" style="width: 100%; height: 350px" frameBorder="0"/>

Answer 5

我正在使用的方法实现了iframe。这适用于pageview插件。将html文件（包含所有相关的csvs / tsvs等）上传到您常用的wordpress媒体库。然后获取html的链接，并将其添加到网页视图的文件路径中：

[pageview url="/wp-content/uploads/2014/01/wpload.html" height="400px" border="yes']

还有：http://wordpress.org/plugins/wp-d3/

这是一个专门用于d3和wordpress的插件，但我没有取得多大成功。

如何在Wordpress中使用D3j？

5 个答案: