x, y position of svg

src/sanddance.js

@@ -89,11 +89,16 @@ function sanddance(attrs, options) {
   var filter = options.filter
   var x = options.x
   var y = options.y
+  var x_pos = options.x_pos
+  var y_pos = options.y_pos
 
   var result = function (selection) {
     dispatch.call('init', selection)
     var filtered = filter ? selection.filter(filter) : selection
 
+    if (x_pos || y_pos)
+      d3.select(selection.node().parentNode).attr('transform', 'translate(' + x_pos + ',' + y_pos + ')')
+
     var transition = filtered.transition()
       .ease(easing)
 

test/test-sanddance-facet.html

@@ -77,13 +77,34 @@
           }, {
             layout: 'grid',
             data: data,
-            width: width - 20,
-            height: height - 20,
+            width: 200,
+            height: 200,
+            x_pos: 0,
+            y_pos: 0,
             delay: 500,
-            duration: 500,
+            duration: 3000,
+            count: count,
+          }).on('init', function () {
+            doc('Grid for all elements - position at 0, 0 with 200 x 200')
+          }),
+
+          g1.sanddance({
+            fill: {
+              metric: 'age',
+              scheme: 'RdYlGn'
+            }
+          }, {
+            layout: 'grid',
+            data: data,
+            width: 100,
+            height: 100,
+            x_pos: 100,
+            y_pos: 100,
+            delay: 500,
+            duration: 3000,
             count: count,
           }).on('init', function () {
-            doc('Grid for all elements - Fill by age')
+            doc('Grid for all elements - position at 100, 100 with 100 x 100')
           }),
 
           g1.sanddance({}, {