![alt](https://i-blog.csdnimg.cn/blog_migrate/740d7a68eaea607dbdf491bbbf2c82b9.png)
背景
图谱,在关系展示方面有着天然的优势,非常直观。 但是,普通人想要绘制这样一个美观的网络图,需要学习软件,或是编程开发,有一定的门槛。
为了有效降低使用门槛,让更多人可以几乎零学习成本的使用工具,进行图网络的可视化,于是我开发了下面这个小网站。
网站介绍
https://kevin-meng-graph-in-life-knowledge-graph-easy-plotapp-4mqx3g.streamlitapp.com/
建议使用浏览器打卡,目前部署在国外streamlit 上,访问速度有些慢。
![alt](https://i-blog.csdnimg.cn/blog_migrate/9df73442226ba82407296004c63c7fc5.png)
支持功能
网站通过上传包含对应节点和关系数据的Excel文件,自动绘制对应的交互关系网络图。
-
节点支持显示图片 -
设置节点的颜色 -
显示节点标签 -
显示关系标签 -
设置关系颜色 -
动态交互,可自行调整位置
![alt](https://i-blog.csdnimg.cn/blog_migrate/8e595c0e0165be4ab95158cd8e227e39.png)
你可以将包含对应节点和关系数据的Excel文件,拖拽或者浏览的方式上传到网站。具体excel结构样式可以通过下载示例文件获得。
提示
网站本身并不会上传和存储您的数据,请放心使用。
之所以,使用大家都很熟悉的Excel文件,就是为了做到几乎零学习成本的迁移。
视频教程
开发过程
最近,使用 streamlit 框架比较多,其低代码开发理念,以及丰富的组件和活跃的社区支持,让我可以轻松的实现自己的想法,进行前段展示。
前段时间上海疫情,也基于 streamlit 开发了 共同守沪的抗议小站,华为 MindSpore 朋友也将其部署在社区:
https://mindspore.cn/shanghai-covid/
而这一知识图谱可视化的网站,同样基于streamlit 用到的组件:
-
streamlit-agraph
它是基于 react-d3-graph 做的封装。 相关程序已经在 Github 开源,欢迎访问:
https://github.com/kevin-meng/graph_in_life
后续开发计划
-
增加图片裁剪压缩功能。 -
增加图床支持 -
作品展示板块 Gellary -
...
总结
网站可以有效的降低关系网络、知识图谱可视化门槛,做到会Excel就会用。
欢迎大家使用。 有任何意建议,可留言反馈我。
另外,也欢迎邮箱、公众号投稿。
参考资料
-
https://danielcaldas.github.io/react-d3-graph
![alt](https://i-blog.csdnimg.cn/blog_migrate/e0255fd39051e86abf014817880b1eae.png)
本文由 mdnice 多平台发布