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

背景

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

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

网站介绍

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