json LD到图形表示不起作用

Question

我正在尝试从我的本体中绘制一个 RDF 格式的图形。我正在关注“https://github.com/scienceai/jsonld-vis”存储库进行开发。尝试复制上述 github 代码时出现错误。我正在添加我的代码aobve 实现HERE

我遇到很多 cmets 说上面的 github 存储库有效。但我不知道。请帮忙

d3.jsonldVis(mockData, '#graph', {
  w: 800,
  h: 600,
  maxLabelWidth: 250,
  tipClassName: 'tip-class'
});

如果有任何其他库我可以用来在 angularjs、javascript 环境中实现上述内容，请提及。

Answer 1

我不确定是否要回答这个问题，但无论如何，只要稍作改动，这个例子就可以重现：

小改动：

1. 未包含启动 jsonld-vis index.js 的主要代码
2. CSS 包含在脚本中？？？大概是个错误。添加了 link 标记以包含它。
3. 该库基于 d3 版本 3，您尝试包含最新版本（即 v5.6）
4. 您不需要在这里使用import 语句。阅读有关导入 here 或 here 的更多信息

分叉：https://plnkr.co/edit/KkNHWQa0xxiotB4tN7Ru?p=preview

建议？ d3 Collapsible Tree 是一个很棒的可视化，您可以根据自己的要求进行参考和自定义。