Fix non-square DataTexture

DataTexture seems to insist on column-major data. As arrays are always row-major (C-order) when serialized, we switch width/height on JS side. Some examples also need updating in order to highlight this, and to stay intuitive with respect to variable names.

Also regenerates modified example.

Author: vidartf

examples/Examples.ipynb

@@ -81,7 +81,7 @@
     "# Generate surface data:\n",
     "view_width = 600\n",
     "view_height = 400\n",
-    "nx, ny = (20, 20)\n",
+    "nx, ny = (24, 20)\n",
     "xmax=1\n",
     "x = np.linspace(-xmax, xmax, nx)\n",
     "y = np.linspace(-xmax, xmax, ny)\n",
@@ -91,14 +91,14 @@
     "\n",
     "\n",
     "# Generate scene objects from data:\n",
-    "surf_g = SurfaceGeometry(z=list(z[::-1].flat), \n",
+    "surf_g = SurfaceGeometry(z=list(z.flat), \n",
     "                         width=2 * xmax,\n",
     "                         height=2 * xmax,\n",
     "                         width_segments=nx - 1,\n",
     "                         height_segments=ny - 1)\n",
     "\n",
     "surf = Mesh(geometry=surf_g,\n",
-    "            material=MeshLambertMaterial(map=height_texture(z[::-1], 'YlGnBu_r')))\n",
+    "            material=MeshLambertMaterial(map=height_texture(z, 'YlGnBu_r')))\n",
     "\n",
     "surfgrid = SurfaceGrid(geometry=surf_g, material=LineBasicMaterial(color='black'),\n",
     "                       position=[0, 0, 1e-2])  # Avoid overlap by lifting grid slightly\n",
@@ -155,8 +155,8 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "surf_g.z = list((-z[::-1]).flat)\n",
-    "surf.material.map = height_texture(-z[::-1])"
+    "surf_g.z = list((-z).flat)\n",
+    "surf.material.map = height_texture(-z)"
    ]
   },
   {

examples/Textures.ipynb

@@ -22,10 +22,11 @@ var DataTextureModel = DataTextureBase.extend({
         }
         var data = this.convertArrayBufferModelToThree(rawData, 'data');
 
+        // ipydatawidgets uses row-major storage, so "flip" axes dims here:
         return {
             data: data,
-            width: rawData.shape[0],
-            height: rawData.shape[1],
+            width: rawData.shape[1],
+            height: rawData.shape[0],
         };
     },
 
@@ -75,9 +76,10 @@ var DataTextureModel = DataTextureBase.extend({
             var rawData = dataserializers.getArray(modelNDArray);
             rawData.data.set(imageRecord.data);
         } else {
+            // ipydatawidgets uses row-major storage, so "flip" axes dims here:
             this.set('data', ndarray(
                 imageRecord.data,
-                [imageRecord.width, imageRecord.height]
+                [imageRecord.height, imageRecord.width]
             ));
         }
     },