/d3-graph-with-thumbnail

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

Primary LanguageJavaScript

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.