pattern2.js

.on("click", function (d) {
            var fillPattern = svg.append("pattern")
                .attr("id", "rectpattern" + d.id)
                .attr("patternUnits", "userSpaceOnUse")
                .attr("width", 10)
                .attr("height", 10)
                .attr("patternTransform", "rotate(45)");
            var fillPatternRectangle = fillPattern.append("rect")
                .attr("height", 20)
                .attr("width", 5)
                .attr("fill", colorScale.getColor(d));
            
            $(this).attr("fill", "url(#rectpattern" + d.id + ")");
})