<linearGradient>
Chrome はD3.js で選択しません。次のコードでは、すべての選択が空です。
var defs = d3.select("body").append("svg").append("defs");
defs.append("linearGradient");
defs.append("linearGradient");
console.log(defs.selectAll("linearGradient")); // empty
console.log(defs.selectAll("lineargradient")); // empty
console.log(d3.selectAll("linearGradient")); // empty
<linearGradient>
と置き換えれば<mask>
大丈夫です。
var defs = d3.select("body").append("svg").append("defs");
defs.append("mask");
defs.append("mask");
console.log(defs.selectAll("mask")); // 2 elements selected
Firefox は両方で正常に動作します。Chrome 28.0.1500.95 を使用しています。グラデーションを選択する方法を提案してください。