drop-filter in d3

drop-filter.js

// add drop shadow for hovering/selected
var filter = svg.append('defs')
.append('filter')
.attr('id', 'drop-shadow')
// .attr('filterUnits', 'userSpaceOnUse')
.attr('x', 0)
.attr('y', 0)
.attr('width', '200%')
.attr('height', '200%')

filter.append('feOffset')
.attr('in', 'BackgroundAlpha')
.attr('dx', 3)
.attr('dy', 3)
.attr('result', 'offOut');

filter.append('feGaussianBlur')
.attr('in', 'BackgroundAlpha')
.attr('stdDeviation', 5)
.attr('result', 'blurOut');

var feMerge = filter.append('feMerge');

feMerge.append('feMergeNode')
.attr('in', 'BackgroundAlpha');

feMerge.append('feMergeNode')
.attr('in', 'SourceGraphic');