both_svg.js

function zoomed() {
    svg.attr("transform", d3.event.transform);
}

svg = d3.select(".chart")
    .append("svg")
    .attr("width", w)
    .attr("height", h)
    .append("g")
    .call(zoom)
    ;

// I cause choppy zoom, slow pan: http://dev.relato.io/gene

svg_and_g.js

function zoomed() {
    group1.attr("transform", d3.event.transform);
}

svg = d3.select(".chart")
    .append("svg")
    .attr("width", w)
    .attr("height", h)
    .append("g")
    .call(zoom)
    ;

var group1 = svg.append("g");

// I work well, the zoom is usable: http://staging.relato.io/gene