 @camera = new CoordinateSystem parent: null
 @table = new CoordinateSystem parent: @camera
 @cards = [
-    (new CoordinateSystem parent: @table).do translate:{ x: 0  , y: 20, z:15}
-    (new CoordinateSystem parent: @table).do translate:{ x: 150, y: 20, z:15}
-    (new CoordinateSystem parent: @table).do translate:{ x: 300, y: 20, z:15}
+    (new CoordinateSystem parent: @table).do translate:{ x: 0  , y: 20, z:1}, duration: 0
+    (new CoordinateSystem parent: @table).do translate:{ x: 150, y: 20, z:1}, duration: 0
+    (new CoordinateSystem parent: @table).do translate:{ x: 300, y: 20, z:1}, duration: 0
 ]
 
 camera.do translate: { z: -800}

        .append("div")
        .attr("class", "table")
    d3table
        .transition()
        .duration(100)
        .ease("linear")
        .style("-webkit-transform", (d) -> d.absoluteMatrix())

    d3cards = viewport.selectAll(".card").data(@cards)        

    @table.do rotate:{ x:45 }, around:{ y:height/2 }

    window.viewport = d3.select ".viewport"
    setInterval (()-> draw()), 16


 # draw function
