D3.js、HTML5、canvas 开发专题

https://www.smartdraw.com/genogram/

http://www.mamicode.com/info-detail-1163777.html  D3折线图

https://www.cnblogs.com/hwaggLee/p/5073885.html   js-d3画图插件

http://www.xiaomlove.com/2014/06/29/d3-js简单画图-箭头连接随机圆圈/     连线

http://www.decembercafe.org/index.html

http://hb.qq.com/a/20120227/001391.htm  13款经典t图形和图表

http://zha-zi.iteye.com/blog/1586814  拖拽连线

http://www.365mini.com/page/html5-canvas-draw-line.htm  画线（P2P网贷系统）

http://blog.csdn.net/qq_23473123/article/details/51120020

https://segmentfault.com/a/1190000009675230

http://www.daqianduan.com/5376.html  绘制上海地铁

http://blog.csdn.net/BTfan123/article/details/37877379

http://blog.csdn.net/lanchunhui/article/details/71512981  smartdraw

http://blog.csdn.net/sgcc_zhs/article/details/52321821   d3js 鼠标 绘制 可编辑的折线

http://blog.csdn.net/zhang1244j/article/details/41440289 D3结合Leaflet

https://segmentfault.com/a/1190000011380554   D3.js绘制实时映射的缩略图

http://blog.csdn.net/qq_31164127/article/details/72929871  canvas画图：用鼠标---画曲线，直线，矩形，圆

http://blog.csdn.net/wanglei1991gao/article/details/71247207  【D3组织结构图】

http://philogb.github.io/jit/demos.html  【D3组织结构图】

http://download.csdn.net/download/mirage1982/2142167

https://github.com/hukaibaihu/vue-org-tree【D3组织结构图】

https://antv.alipay.com/zh-cn/g6/1.x/demo/index.html  【D3组织结构图】

http://download.csdn.net/download/imouse728/1648281

http://download.csdn.net/download/jim_ding/2822622

http://www.jq22.com/jquery-info14270  可拖拽、增加、删除、编辑的组织结构图

http://www.jq22.com/jquery-info16492  go.js流程图绘制 无水印 箭头随意拖拽

http://www.cnblogs.com/mq0036/p/7942139.html    JS组件系列——JsPlumb制作

https://wenku.baidu.com/view/6aaaff0e4531b90d6c85ec3a87c24028915f8581.html  家谱图】

https://zhidao.baidu.com/question/1991976458566688827.html  解析

https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=genogram&step_word=&hs=2&pn=6&spn=0&di=21913766270&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=1078346358%2C3968924654&os=3210392071%2C2222617485&simid=0%2C0&adpicid=0&lpn=0&ln=57&fr=&fmq=1516178985862_R&fm=&ic=undefined&s=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fa4.mzstatic.com%2Fus%2Fr30%2FPurple6%2Fv4%2F62%2Fcf%2F7c%2F62cf7c97-4ba2-65fa-3459-86de0ce2c7d3%2Fscreen1024x1024.jpeg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fxtwg275_z%26e3Bv54AzdH3Fw6ptvsjAzdH3FCCCCCalDcd0A8c9lBlEc8FDdFbDFacbE&gsm=0&rpstart=0&rpnum=0  【genogram】

【https://www.smartdraw.com/ecomap/examples/ecomap-effects-of-depression/】

http://wuxizazhi.cnki.net/Search/ZYYA200705003.html  CraneFoot:一种免费的家系图谱绘制软件

https://www.cnblogs.com/leyi/p/6912084.html

【http://www.ourd3js.com/wordpress/865/】

【http://blog.csdn.net/tianxuzhang/article/details/47067699】

【https://bl.ocks.org/mbostock/4b66c0d9be9a0d56484e】

【https://bl.ocks.org/mbostock】

【http://blog.csdn.net/matiascx/article/details/76421493】

【http://blog.mn886.net/chenjianhua/show/773c07b3abce/index.html】

【http://blog.csdn.net/xx123698/article/details/53580057】

【https://www.jianshu.com/p/c3800c61d2fb】

http://blog.csdn.net/vickywinner/article/details/78903316   d3.js v4实现关系拓扑图

https://github.com/VickyGit/topo  通过Vue.js和d3.js实现关系拓扑图

http://blog.csdn.net/tianxuzhang/article/details/11784011 折线

http://blog.csdn.net/qq_26562641/article/details/78200819

http://blog.csdn.net/tianxuzhang/article/details/14228703  双连线

https://www.cnblogs.com/koto/p/5980599.html

https://www.cnblogs.com/koto/p/5980599.html   【书本】

http://blog.csdn.net/lzy1357986420/article/details/51993791

https://segmentfault.com/a/1190000000453579

http://d3indepth.com/shapes/  [D3画线强大]

http://blog.csdn.net/npf_java/article/details/49185225  【例子 】