【问题标题】:How google facets visualization tool can be embed into web pagegoogle facets可视化工具如何嵌入网页
【发布时间】:2018-09-18 10:47:05
【问题描述】:

我指的是来自facets的源项目

我使用的是 Ubuntu 17.10

按照说明,我已经安装了 bazel 构建并在本地运行方面,方法是使用 jupyter notebook 参考 facets demo 的快速演示。

可视化显示在here

我希望将可视化嵌入到网页中

【问题讨论】:

    标签: javascript html jupyter-notebook facet quickdraw


    【解决方案1】:

    你看过他们自述文件的这一部分吗:https://github.com/PAIR-code/facets/blob/master/facets_dive/README.md#embedding-dive-in-your-page

    该项目是使用 Bazel 构建的。在继续之前,请确保您已安装 Bazel 并运行 Bazel BUILD 文件。如果你已经加载了 Polymer 元素,你就可以像这样在你的页面中插入一个实例。

    <facets-dive></facets-dive>
    

    要设置数据,您需要添加一点 JavaScript。在您的代码中,首先获取对此 DOM 元素的引用,然后将您的对象数组分配给 data 属性。

    const vis = document.querySelector('facets-dive');
    vis.data = [ ... your data ... ];
    

    【讨论】:

    猜你喜欢
    • 2019-11-18
    • 2017-04-18
    • 2020-06-04
    • 2023-03-24
    • 1970-01-01
    • 1970-01-01
    • 2016-07-27
    • 2012-02-23
    • 1970-01-01
    相关资源
    最近更新 更多