KevinMeng

V1

2022/06/25阅读:24主题:自定义主题1

近来开发的一款简单易用的图可视化工具

背景

图谱,在关系展示方面有着天然的优势,非常直观。 但是,普通人想要绘制这样一个美观的网络图,需要学习软件,或是编程开发,有一定的门槛。

为了有效降低使用门槛,让更多人可以几乎零学习成本的使用工具,进行图网络的可视化,于是我开发了下面这个小网站。

网站介绍

https://kevin-meng-graph-in-life-knowledge-graph-easy-plotapp-4mqx3g.streamlitapp.com/

建议使用浏览器打卡,目前部署在国外streamlit 上,访问速度有些慢。

支持功能

网站通过上传包含对应节点和关系数据的Excel文件,自动绘制对应的交互关系网络图。

  • 节点支持显示图片
  • 设置节点的颜色
  • 显示节点标签
  • 显示关系标签
  • 设置关系颜色
  • 动态交互,可自行调整位置

你可以将包含对应节点和关系数据的Excel文件,拖拽或者浏览的方式上传到网站。具体excel结构样式可以通过下载示例文件获得

提示

网站本身并不会上传和存储您的数据,请放心使用。

之所以,使用大家都很熟悉的Excel文件,就是为了做到几乎零学习成本的迁移。

视频教程

B站视频

开发过程

最近,使用 streamlit 框架比较多,其低代码开发理念,以及丰富的组件和活跃的社区支持,让我可以轻松的实现自己的想法,进行前段展示。

前段时间上海疫情,也基于 streamlit 开发了 共同守沪的抗议小站,华为 MindSpore 朋友也将其部署在社区:

https://mindspore.cn/shanghai-covid/

而这一知识图谱可视化的网站,同样基于streamlit 用到的组件:

  • streamlit-agraph

它是基于 react-d3-graph 做的封装。 相关程序已经在 Github 开源,欢迎访问:

https://github.com/kevin-meng/graph_in_life

后续开发计划

  1. 增加图片裁剪压缩功能。
  2. 增加图床支持
  3. 作品展示板块 Gellary
  4. ...

总结

网站可以有效的降低关系网络、知识图谱可视化门槛,做到会Excel就会用。

欢迎大家使用。 有任何意建议,可留言反馈我。

另外,也欢迎邮箱、公众号投稿。

参考资料

  • https://danielcaldas.github.io/react-d3-graph

分类:

前端

标签:

工具介绍

作者介绍

KevinMeng
V1