d3.select("body")
                    .on({
                        "click": function() {
                            d3.csv("../data/interpro.csv", function(d) {

                                // update data
                                var newdata = d.e20;
                                if (newdata == d.e20) {
                                    return newdata = d.e10;
                                } else if (newdata == d.e10) {
                                    return newdata = d.e5;
                                } else {
                                    return newdata = d.e20;
                                }

                                // update scales
                                yScale.domain([0, d3.max(dat, function(d) {
                                    return newdata;
                                })]).range([h - 10, 0]);

                                bar.data(data)
                                    .attr({
                                        height: function(d) {
                                            return h - yScale(newdata);
                                        },
                                        y: function(d) {
                                            return yScale(newdata);
                                        }
                                    });

                                bar.transition()
                                    .delay(500)
                                    .duration(1000)
                                    .attr({
                                        height: function(d) {
                                            return h - yScale(newdata);
                                        },
                                        y: function(d) {
                                            return yScale(newdata);
                                        }
                                    });

                            });
                        }

                    });