d3-graph-with-thumbnail

d3 graph using canvas with thumbnail

description

基于d3.js的simulation力导图，canvas实现的带缩略图的关系图谱案例

在线演示Demo采用vue框架开发,基于vue cli版本(version：3.8.2)脚手架搭建，核心代码为原生js，可用于任何js框架中。

网上鲜有基于canvas的缩略图案例，因此放上来做一个记录，代码中还包含一些canvas性能优化的方式。给有需求的朋友帮助，与君共勉。

本案例遵从MIT协议，请认准[http://www.github.com/zhixiaotong] 如果该案例对你有所启发或帮助，请留下你的小心心！！！

在线预览：

https://zhixiaotong.github.io/demo-online/example/thumbnail

安装项目依赖

npm install

本地开发者模式运行

npm run serve

线上模式打包运行

npm run build

执行测试

npm run test

提示和修复文件

npm run lint

自定义配置

请参考 Configuration Reference.