如何在网页前端里可视化你的知识图谱

如何在网页前端里可视化你的知识图谱 最近费尽千辛万苦构造了一份可以用(大概)的知识…

如何在网页前端里可视化你的知识图谱

最近费尽千辛万苦构造了一份可以用(大概)的知识图谱,并且把要利用知识图谱做的领域命名实体识别和一些推荐的功能做成Web版的demo,顺带想实现一些可视化知识图谱的功能。

(凭啥知识图谱就只能在Neo4j里自嗨,不能来前端show一下,歧视吗(¬_¬))

找了做前端图表展示的开源库,D3.js和Echarts都能做,我拿Echarts实现了一下功能,先看一下在现在项目里一个基于知识图谱查询的实际效果:
项目中的知识图谱查询
接下里看看如何的实现:

  1. 首先在本地下载Echarts相关的js文件,在线引用也可以,html文件里如下引用:

  1. 给要展示的图准备一个Dom:

3.设置好节点和链接关系,这里为了简单手写了一个苹果梨子和水果之间的关系,项目里采用Django框架的交互读取查询的结果放入节点(data)和链接(links)里面了:

  1. 设置Echarts图:

这样就成功实现了一个简单的图谱可视化:
简单的图谱可视化

本文来自网络,不代表软粉网立场,转载请注明出处:https://www.rfff.net/p/1868.html

作者: HUI

发表评论

您的电子邮箱地址不会被公开。

返回顶部