javascript - 3d 魚眼レンズ - マウスオーバーでバーを広くするには?

Question

魚眼レンズを実装したこの d3 の例を使用しています。基本的に、group 要素は rect 要素と text 要素を保持します。マウスオーバーでグループ (バー + txt) を広くするには?

これが私のフィドルです：http://jsfiddle.net/30114/w4tfr68s/

コード：

    var xFisheye = d3.fisheye.scale(d3.scale.identity).domain([0, width]).focus(1000);

...

    svg.on("mousemove", function() {
        var mouse = d3.mouse(this);
        xFisheye.focus(mouse[0]);

        redraw();
    });

    function redraw() {

        bars
            .attr("transform", function(d){

            return "translate("+ xFisheye(d) +",0) scale(1, 1)";

        });
    }