首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在Jupyter Lab中显示vega规范

在Jupyter Lab中显示vega规范
EN

Stack Overflow用户
提问于 2021-02-05 16:49:36
回答 1查看 69关注 0票数 1

如何在Jupyter Lab/JupyterLab中显示织女星规范(如this强制导向布局)?

EN

Stack Overflow用户

回答已采纳

发布于 2021-02-05 16:49:36

如果你不介意安装altair,你可以这样做:

代码语言:javascript
复制
from altair.vega import vega
import json
with open("bar-chart.vg.json") as f:
    s = json.load(f)
vega(s)

或者,您可以通过javascript扩展使用Vega Embed:

添加脚本:

代码语言:javascript
复制
%%javascript
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '//cdn.jsdelivr.net/npm/vega@5';
    document.head.appendChild(script);
    
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '//cdn.jsdelivr.net/npm/vega-embed@6';
    document.head.appendChild(script);

然后

代码语言:javascript
复制
from IPython.display import Javascript
script = '''
var spec = "https://raw.githubusercontent.com/vega/vega/master/docs/examples/bar-chart.vg.json";
vegaEmbed(element, spec).then(function(result) {
  }).catch(console.error);  
'''

Javascript(script)

注意:https://raw.githubusercontent.com/vega/vega/master/docs/examples/force-directed-layout.vg.json的强制规范示例不会显示,因为它引用了相对url (data/miserables.json)上的数据。条形图之所以有效,是因为数据直接编码到规范中。

票数 1
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66060197

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档