test(mocks): add titles and modify layout for icicle_coffee-maxdepth3-all-directions

Author: Coding-with-Adam

test/image/mocks/icicle_coffee-maxdepth3-all-directions.json

@@ -1,23 +1,23 @@
 {
   "data": [
-    {
+{
       "type": "icicle",
       "pathbar": {
         "visible": false
       },
       "tiling": {
-        "orientation": "v",
-        "flip": ""
+        "orientation": "h",
+        "flip": "x"
       },
       "maxdepth": 3,
       "domain": {
         "x": [
-          0.5,
-          1
+          0,
+          0.5
         ],
         "y": [
-          0.5,
-          1
+          0.05,
+          0.45
         ]
       },
       "textinfo": "label+percent parent",
@@ -328,12 +328,12 @@
       "maxdepth": 3,
       "domain": {
         "x": [
-          0,
-          0.5
-        ],
-        "y": [
           0.5,
           1
+        ],
+        "y": [
+          0.05,
+          0.45
         ]
       },
       "textinfo": "label+percent parent",
@@ -638,18 +638,18 @@
         "visible": false
       },
       "tiling": {
-        "orientation": "h",
-        "flip": "x"
+        "orientation": "v",
+        "flip": "y"
       },
       "maxdepth": 3,
       "domain": {
         "x": [
-          0.5,
-          1
-        ],
-        "y": [
           0,
           0.5
+        ],
+        "y": [
+          0.55,
+          0.95
         ]
       },
       "textinfo": "label+percent parent",
@@ -955,17 +955,17 @@
       },
       "tiling": {
         "orientation": "v",
-        "flip": "y"
+        "flip": ""
       },
       "maxdepth": 3,
       "domain": {
         "x": [
-          0,
-          0.5
+          0.5,
+          1
         ],
         "y": [
-          0,
-          0.5
+          0.55,
+          0.95
         ]
       },
       "textinfo": "label+percent parent",
@@ -1272,6 +1272,52 @@
     "height": 1200,
     "shapes": [
       { "type": "rect", "layer": "below", "x0": 0, "x1": 1, "y0": 0, "y1": 1 }
+    ],
+    "annotations": [
+      {
+        "showarrow": false,
+        "text": "orientation: 'h', flip: 'x'",
+        "font": {
+          "size": 16
+        },
+        "x": 0.25,
+        "xanchor": "center",
+        "y": 0.5,
+        "yanchor": "bottom"
+      },
+      {
+        "showarrow": false,
+        "text": "orientation: 'h', flip: ''",
+        "font": {
+          "size": 16
+        },
+        "x": 0.75,
+        "xanchor": "center",
+        "y": 0.5,
+        "yanchor": "bottom"
+      },
+      {
+        "showarrow": false,
+        "text": "orientation: 'v', flip: 'y'",
+        "font": {
+          "size": 16
+        },
+        "x": 0.25,
+        "xanchor": "center",
+        "y": 0.95,
+        "yanchor": "bottom"
+      },
+      {
+        "showarrow": false,
+        "text": "orientation: 'v', flip: ''",
+        "font": {
+          "size": 16
+        },
+        "x": 0.75,
+        "xanchor": "center",
+        "y": 0.95,
+        "yanchor": "bottom"
+      }
     ]
   }
 }