Skip to content

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

Notifications You must be signed in to change notification settings

zhixiaotong/d3-graph-with-thumbnail

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published