visualization - 无法在 IPython 中使用 vincent 进行绘图

Question

尝试在 IPython 中用 vincent 绘制示例图:

import vincent
vincent.core.initialize_notebook()

list_data = [10, 20, 30, 20, 15, 30, 45]

bar = vincent.Bar(list_data)
bar.display()

什么也没有发生。我需要启用 IPython 中的任何特殊设置吗？
我需要禁用内联选项吗？

Answer 1

vincent.core.initialize_notebook()被硬编码以通过不安全的 HTTP 从 CDN 导入其 Javascript 库。如果您通过 HTTPS 访问笔记本服务器，这将失败。 (如果您在浏览器中打开 Javascript 控制台，您可以看到这种效果的错误，否则它只会默默地失败。)

这在此拉取请求中已解决，但尚未修复:https://github.com/wrobstory/vincent/pull/64

我自己通过手动将所有引用的 Javascript 库下载到我的 ipynb 所在的本地目录中来解决这个问题，并使用笔记本初始化例程的这个修改版本来获取这些本地副本，由笔记本服务器直接通过 HTTPS 提供服务:

def init_vincent():
    """Initialize the IPython notebook display elements"""
    try:
        from IPython.core.display import display, HTML
    except ImportError:
        print('IPython Notebook could not be loaded.')

    require_js = '''
    if (window['d3'] === undefined) {{
        require.config({{ paths: {{d3: "/files/d3.v3.min"}} }});
        require(["d3"], function(d3) {{
          window.d3 = d3;
          {0}
        }});
    }};
    if (window['topojson'] === undefined) {{
        require.config(
            {{ paths: {{topojson: "/files/topojson.v1.min"}} }}
            );
        require(["topojson"], function(topojson) {{
          window.topojson = topojson;
        }});
    }};
    '''
    d3_geo_projection_js_url = "files/d3.geo.projection.v0.min.js"
    d3_layout_cloud_js_url = ("files/"
                              "d3.layout.cloud.js")
    topojson_js_url = "files/topojson.v1.min.js"
    vega_js_url = 'files/vega.js'

    dep_libs = '''$.getScript("%s", function() {
        $.getScript("%s", function() {
            $.getScript("%s", function() {
                $.getScript("%s", function() {
                        $([IPython.events]).trigger("vega_loaded.vincent");
                })
            })
        })
    });''' % (d3_geo_projection_js_url, d3_layout_cloud_js_url,
              topojson_js_url, vega_js_url)
    load_js = require_js.format(dep_libs)
    html = '<script>'+load_js+'</script>'
    display(HTML(html))

这里唯一的魔法是知道 IPython 的 Notebook 服务器在工作目录中提供文件，ipynb 文件位于路径 /files/*。 .