D3.JS结合Canvas实现直方图,散点图,等高线图,密度图

接触到D3.JS,感觉在图表方面实现的很好,于是深入了解了一下,想在项目中使用,

可是当看到DEMO时才发现,基本上所有的DEMO都是基于SVG,虽然D3.JS声称支持CANVAS,可并没有发现一例使用canvas的DEMO,

于是呼,自己开始研究,通过研究发现,使用起来还是很简单的。先上图,教程接下来更新;

D3.JS结合Canvas实现直方图,散点图,等高线图,密度图

直方图

D3.JS结合Canvas实现直方图,散点图,等高线图,密度图

等高线图

D3.JS结合Canvas实现直方图,散点图,等高线图,密度图

散点图

D3.JS结合Canvas实现直方图,散点图,等高线图,密度图

伪彩图

D3.JS结合Canvas实现直方图,散点图,等高线图,密度图

密度图

上一篇:GDP折线图


下一篇:D3不能做什么