{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.xiaopingtou.cn//data/attach/topic/topicKPo7gB.jpg', '推荐 99terry 的文章《D3 v4.x入门（1-10）—— 直方图简介和实现》','https://www.xiaopingtou.net/article-82620.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
在放直方图的源码之前我先简单介绍下直方图，一般我都不会去介绍某种可视化图形是做什么的，如果一种图形不能让你对数据一目了然的话，那一定是你选错了展示方式。但直方图的概念还是有必要说一下，以免惯性思维造成了使用上的误解。
惯性思维：直方图和柱状图差不多？好像一样~
我也是这么想的，当然D3不会那么傻，实际上很好区分，柱状图表示散列点的数值展示，而直方图，表示的是某一区间的数据之和的量，比如某一年龄段的人有多少，这和某一年龄的人有多少有本质区别。
下面放上源码，仅供参考
直方图