If you're wanting to animate the divs like bar graphs, here is a makeshift solution:

<!DOCTYPE html>
        div {
            width: 0%;
            min-height: 10px;
<div id="one"></div>
<div id="two"></div>

<button onClick="update()">update</button>
    <script src=""></script>
var arr1=d3.range(0,1000), arr2=d3.range(0,10000),"#one"),"#two");

var duration=5000; // 5 seconds

function update() {"transition", "width " + (duration/1000) + "s")
        .style("background", "blue")
        .style("width", (arr1.pop()/9) + "px");"transition", "width " + (duration/1000) + "s")
        .style("background", "blue")
        .style("width", (arr2.pop()/9) + "px");

// TBD:
// Synchronously Update "one" and "two" continously with the individual values of 
// arr1 and arr2 respectively for a total duration of "duration"
// Obviously "two" should be updated faster than "one" during the duration