d3.js - How to add filters effects to Svg in d3 -
<svg viewbox = "0 0 1100 400" version = "1.1"> <desc> filter example </desc> <filter id = "i1"> <fegaussianblur in = "sourcealpha" stddeviation = "4" result = "blur1"/> <fespecularlighting result = "specout" in = "blur1" specularexponent = "20" lighting-color = "#bbbbbb"> <fepointlight x = "50" y = "100" z = "200"/> </fespecularlighting> <fecomposite in = "sourcegraphic" in2 = "specout" operator = "arithmetic" k1 = "0" k2 = "1" k3 = "1" k4 = "0"/> </filter> var svg=svg.selectall(".circle") .data(this.data) .enter().append("circle") .attr("class", "circle") .attr("r",functio...