负责饮食健康管理系统中的社交云,以用户和饮食为点、两者交互为边构建可视化的交互图户和饮食为点、两者交互为边构建可视化的交互图,用户可以点击查看用户主页和饮食详情,可以对饮食进行点赞和留言等交互操作。
交互逻辑如图:
需要的主要模块如下:
社交云的概念预览图如下,主要是使用sigmajs库。sigma 是一个专门的用来展示图表的js库.它被设计的你能用它来定制化和用它来开发高度可交互化的web应用来展示图表工具。
使用git和node,并从网上clone下开源库(git与node的下载安装:https://www.cnblogs.com/isme-zjh/p/12721611.html)
$ git clone https://github.com/jacomyal/sigma.js.git
$ cd sigma.js
$ npm install
然后
pm run build
然后再系统盘用户目录下可以找到sigma.js文件夹,在这个文件夹中有所有库文件,以及一些案例DEMO。
如上图一个案例,部分符合项目中的功能要求,可以参考其中的功能组件。