fresh block

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
    svg { width:100%; height: 100% }
  </style>
</head>

<body>

<p> Click on this text to update the chart with new data values (once). </p>

var xScale = d3.scale.ordinal()
            .domain(d3.range(dataset.length))
            .rangeRoundBands([0,w], 0.05)
    ;

var yScale = d3.scale.linear()
            .domain([0, d3.max(dataset)])
            .range([0, h]);

var svg = d3.select("body")
            .append("svg")
            .attr("width", w)
            .attr("height", h)
    ;

svg.selectAll("rect")
            .data(dataset)
            .enter()
            .append("rect")
            .attr("x", function(d, i){
                return xScale(i);
            })
            .attr("y", function (d) {
                return h - yScale(d);
            })
            .attr("width", xScale.rangeBand())
            .attr("height", function (d) {
                return yScale(d);
            })
            .attr("fill", function (d) {
                return "rgb(0, 0, " + (d*10) + ")";
            })
    ;
    svg.selectAll("text")
            .data(dataset)
            .enter()
            .append("text")
            .text(function (d) {
                return d;
            })
            .attr("x", function(d, i){
                return xScale(i) + xScale.rangeBand() / 2;
            })
            .attr("y", function (d) {
                return h - yScale(d) + 14;
            })
            .attr("font-family", "sans-serif")
            .attr("font-size", "11px")
            .attr("fill", "white")
            .attr("text-anchor", "middle")
    ;

d3.select("p")
            .on("click", function () {
                dataset2 = [ 11, 12, 15, 20, 18, 17, 16, 18, 23, 25, 5, 10, 13, 19, 21, 25, 22, 18, 15, 13 ];
                svg.selectAll("rect")
                        .data(dataset2)
                        .attr("y", function (d) {
                            return h - yScale(d);
                        })
                        .attr("height", function (d) {
                            return yScale(d);
                        })
                        .attr("fill", function (d) {
                            return "rgb(0, 0, " + (d*10) + ")";
                        })
                ;
                svg.selectAll("text")
                        .data(dataset2)
                        .text(function (d) {
                            return d;
                        })
                        .attr("x", function(d, i){
                            return xScale(i) + xScale.rangeBand() / 2;
                        })
                        .attr("y", function (d) {
                            return h - yScale(d) + 14;
                        })
                ;
            })

</script>
</body>

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js