jsonLD 到图形表示不工作

Question

我正在尝试从我的 ontology 中绘制图表，它是 RDF format.I 正在关注“https://github.com/scienceai/jsonld-vis" repositry to develop.I am getting error when trying to replicate the above github code.I am adding my code for the aobve implemetation HERE

我看到很多评论说上面 github 存储库 works.But 我不明白。请帮助

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 or here

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

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