@opendata-ai/openchart-engine 7.11.0 → 8.0.0-rc.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendata-ai/openchart-engine",
-  "version": "7.11.0",
+  "version": "8.0.0-rc.10",
   "description": "Headless compiler for openchart: spec validation, data compilation, scales, and layout",
   "license": "Apache-2.0",
   "author": "Riley Hilliard",
@@ -48,13 +48,16 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@opendata-ai/openchart-core": "7.11.0",
+    "@opendata-ai/openchart-core": "8.0.0-rc.10",
     "d3-array": "^3.2.0",
     "d3-format": "^3.1.2",
     "d3-interpolate": "^3.0.0",
     "d3-sankey": "^0.12.3",
     "d3-scale": "^4.0.0",
-    "d3-shape": "^3.2.0"
+    "d3-shape": "^3.2.0",
+    "d3-time": "^3.1.0",
+    "d3-geo": "^3.1.0",
+    "topojson-client": "^3.1.0"
   },
   "devDependencies": {
     "@types/d3-array": "^3.2.1",
@@ -62,6 +65,10 @@
     "@types/d3-interpolate": "^3.0.4",
     "@types/d3-sankey": "^0.12.5",
     "@types/d3-scale": "^4.0.8",
-    "@types/d3-shape": "^3.1.6"
+    "@types/d3-shape": "^3.1.6",
+    "@types/d3-time": "^3.0.4",
+    "@types/d3-geo": "^3.1.0",
+    "@types/topojson-client": "^3.1.0",
+    "@types/topojson-specification": "^1.0.5"
   }
 }

package/src/__tests__/__snapshots__/compile-snapshot.test.ts.snap

@@ -212,6 +212,30 @@ exports[`compileChart snapshot (Step 7 oracle) > clipped-domain bar chart (data
     "swatchSize": 12,
     "type": "categorical",
   },
+  "legends": [
+    {
+      "bounds": {
+        "height": 0,
+        "width": 0,
+        "x": 0,
+        "y": 0,
+      },
+      "entries": [],
+      "entryGap": 16,
+      "labelStyle": {
+        "fill": "#09090b",
+        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
+        "fontSize": 11,
+        "fontWeight": 450,
+        "lineHeight": 1.3,
+      },
+      "position": "top",
+      "swatchChipFill": "rgba(0,0,0,0.04)",
+      "swatchGap": 6,
+      "swatchSize": 12,
+      "type": "categorical",
+    },
+  ],
   "marks": [
     {
       "aria": {
@@ -530,6 +554,29 @@ exports[`compileChart snapshot (Step 7 oracle) > clipped-domain bar chart (data
     ],
   ],
   "watermark": false,
+  "xInvert": {
+    "bottomData": 50,
+    "bottomPixel": 577,
+    "scaleType": "linear",
+    "topData": 0,
+    "topPixel": 36.942,
+  },
+  "yInvert": {
+    "bottomData": 0,
+    "bottomPixel": 60.9,
+    "domain": [
+      "A",
+      "B",
+      "C",
+    ],
+    "positions": [
+      297.33805970149257,
+      208.95000000000002,
+      120.56194029850745,
+    ],
+    "topData": 0,
+    "topPixel": 357,
+  },
 }
 `;
 
@@ -606,15 +653,11 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
       "gridlines": [
         {
           "major": true,
-          "position": 410.59999999999997,
+          "position": 391.51249999999993,
         },
         {
           "major": true,
-          "position": 372.42499999999995,
-        },
-        {
-          "major": true,
-          "position": 334.25,
+          "position": 343.79375,
         },
         {
           "major": true,
@@ -622,19 +665,15 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
         },
         {
           "major": true,
-          "position": 257.9,
-        },
-        {
-          "major": true,
-          "position": 219.725,
+          "position": 248.35625,
         },
         {
           "major": true,
-          "position": 181.55,
+          "position": 200.6375,
         },
         {
           "major": true,
-          "position": 143.375,
+          "position": 152.91875,
         },
         {
           "major": true,
@@ -670,44 +709,34 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
       "tickMarks": false,
       "tickPosition": "inline",
       "ticks": [
-        {
-          "label": "0",
-          "position": 410.59999999999997,
-          "value": 0,
-        },
-        {
-          "label": "5",
-          "position": 372.42499999999995,
-          "value": 5,
-        },
         {
           "label": "10",
-          "position": 334.25,
+          "position": 391.51249999999993,
           "value": 10,
         },
         {
           "label": "15",
-          "position": 296.075,
+          "position": 343.79375,
           "value": 15,
         },
         {
           "label": "20",
-          "position": 257.9,
+          "position": 296.075,
           "value": 20,
         },
         {
           "label": "25",
-          "position": 219.725,
+          "position": 248.35625,
           "value": 25,
         },
         {
           "label": "30",
-          "position": 181.55,
+          "position": 200.6375,
           "value": 30,
         },
         {
           "label": "35",
-          "position": 143.375,
+          "position": 152.91875,
           "value": 35,
         },
         {
@@ -802,11 +831,11 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
       },
       {
         "color": "#ee4a73",
-        "dataY": 143.375,
+        "dataY": 152.91875,
         "labelLines": [
           "UK",
         ],
-        "labelY": 139.95,
+        "labelY": 146.41875,
         "marker": {
           "dataX": 651.76115,
           "fill": "transparent",
@@ -814,7 +843,7 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
           "stroke": "#ee4a73",
           "strokeWidth": 2,
           "x": 655.76115,
-          "y": 143.375,
+          "y": 152.91875,
         },
         "seriesKey": "UK",
         "showLeader": false,
@@ -822,11 +851,11 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
       },
       {
         "color": "#00b054",
-        "dataY": 242.62999999999997,
+        "dataY": 276.98749999999995,
         "labelLines": [
           "FR",
         ],
-        "labelY": 236.12999999999997,
+        "labelY": 270.48749999999995,
         "marker": {
           "dataX": 651.76115,
           "fill": "transparent",
@@ -834,7 +863,7 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
           "stroke": "#00b054",
           "strokeWidth": 2,
           "x": 655.76115,
-          "y": 242.62999999999997,
+          "y": 276.98749999999995,
         },
         "seriesKey": "FR",
         "showLeader": false,
@@ -842,11 +871,11 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
       },
       {
         "color": "#a46bf5",
-        "dataY": 196.82,
+        "dataY": 219.725,
         "labelLines": [
           "DE",
         ],
-        "labelY": 190.32,
+        "labelY": 213.225,
         "marker": {
           "dataX": 651.76115,
           "fill": "transparent",
@@ -854,7 +883,7 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
           "stroke": "#a46bf5",
           "strokeWidth": 2,
           "x": 655.76115,
-          "y": 196.82,
+          "y": 219.725,
         },
         "seriesKey": "DE",
         "showLeader": false,
@@ -965,6 +994,90 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
     "swatchSize": 12,
     "type": "categorical",
   },
+  "legends": [
+    {
+      "bounds": {
+        "height": 85.2,
+        "width": 49.278999999999996,
+        "x": 659.76115,
+        "y": 105.2,
+      },
+      "entries": [
+        {
+          "active": true,
+          "color": "#06b6d4",
+          "label": "US",
+          "shape": "line",
+        },
+        {
+          "active": true,
+          "color": "#ee4a73",
+          "label": "UK",
+          "shape": "line",
+        },
+        {
+          "active": true,
+          "color": "#00b054",
+          "label": "FR",
+          "shape": "line",
+        },
+        {
+          "active": true,
+          "color": "#a46bf5",
+          "label": "DE",
+          "shape": "line",
+        },
+      ],
+      "entryGap": 4,
+      "entryPositions": [
+        {
+          "labelX": 677.76115,
+          "labelY": 111.2,
+          "row": 0,
+          "width": 37.278999999999996,
+          "x": 659.76115,
+          "y": 105.2,
+        },
+        {
+          "labelX": 677.76115,
+          "labelY": 129.5,
+          "row": 1,
+          "width": 37.278999999999996,
+          "x": 659.76115,
+          "y": 123.5,
+        },
+        {
+          "labelX": 677.76115,
+          "labelY": 147.8,
+          "row": 2,
+          "width": 36.663,
+          "x": 659.76115,
+          "y": 141.8,
+        },
+        {
+          "labelX": 677.76115,
+          "labelY": 166.10000000000002,
+          "row": 3,
+          "width": 37.278999999999996,
+          "x": 659.76115,
+          "y": 160.10000000000002,
+        },
+      ],
+      "labelStyle": {
+        "fill": "#09090b",
+        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
+        "fontSize": 11,
+        "fontWeight": 450,
+        "lineHeight": 1.3,
+      },
+      "position": "right",
+      "rowHeight": 18.3,
+      "swatchChipFill": "rgba(0,0,0,0.04)",
+      "swatchGap": 6,
+      "swatchSize": 12,
+      "type": "categorical",
+    },
+  ],
   "marks": [
     {
       "aria": {
@@ -1009,7 +1122,7 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
             "title": "2020",
           },
           "x": 47,
-          "y": 334.25,
+          "y": 391.51249999999993,
         },
         {
           "datum": {
@@ -1043,7 +1156,7 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
       "interpolate": "monotone",
       "key": "US",
       "opacity": undefined,
-      "path": "M47,334.25L651.761,105.2",
+      "path": "M47,391.512L651.761,105.2",
       "pointKeys": [
         "2020-01-01",
         "2021-01-01",
@@ -1051,7 +1164,7 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
       "points": [
         {
           "x": 47,
-          "y": 334.25,
+          "y": 391.51249999999993,
         },
         {
           "x": 651.76115,
@@ -1107,7 +1220,7 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
             "title": "2020",
           },
           "x": 47,
-          "y": 296.075,
+          "y": 343.79375,
         },
         {
           "datum": {
@@ -1135,13 +1248,13 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
             "title": "2021",
           },
           "x": 651.76115,
-          "y": 143.375,
+          "y": 152.91875,
         },
       ],
       "interpolate": "monotone",
       "key": "UK",
       "opacity": undefined,
-      "path": "M47,296.075L651.761,143.375",
+      "path": "M47,343.794L651.761,152.919",
       "pointKeys": [
         "2020-01-01",
         "2021-01-01",
@@ -1149,11 +1262,11 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
       "points": [
         {
           "x": 47,
-          "y": 296.075,
+          "y": 343.79375,
         },
         {
           "x": 651.76115,
-          "y": 143.375,
+          "y": 152.91875,
         },
       ],
       "seriesKey": "UK",
@@ -1205,7 +1318,7 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
             "title": "2020",
           },
           "x": 47,
-          "y": 349.52000000000004,
+          "y": 410.59999999999997,
         },
         {
           "datum": {
@@ -1233,13 +1346,13 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
             "title": "2021",
           },
           "x": 651.76115,
-          "y": 242.62999999999997,
+          "y": 276.98749999999995,
         },
       ],
       "interpolate": "monotone",
       "key": "FR",
       "opacity": undefined,
-      "path": "M47,349.52L651.761,242.63",
+      "path": "M47,410.6L651.761,276.987",
       "pointKeys": [
         "2020-01-01",
         "2021-01-01",
@@ -1247,11 +1360,11 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
       "points": [
         {
           "x": 47,
-          "y": 349.52000000000004,
+          "y": 410.59999999999997,
         },
         {
           "x": 651.76115,
-          "y": 242.62999999999997,
+          "y": 276.98749999999995,
         },
       ],
       "seriesKey": "FR",
@@ -1303,7 +1416,7 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
             "title": "2020",
           },
           "x": 47,
-          "y": 318.97999999999996,
+          "y": 372.42499999999995,
         },
         {
           "datum": {
@@ -1331,13 +1444,13 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
             "title": "2021",
           },
           "x": 651.76115,
-          "y": 196.82,
+          "y": 219.725,
         },
       ],
       "interpolate": "monotone",
       "key": "DE",
       "opacity": undefined,
-      "path": "M47,318.98L651.761,196.82",
+      "path": "M47,372.425L651.761,219.725",
       "pointKeys": [
         "2020-01-01",
         "2021-01-01",
@@ -1345,11 +1458,11 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
       "points": [
         {
           "x": 47,
-          "y": 318.97999999999996,
+          "y": 372.42499999999995,
         },
         {
           "x": 651.76115,
-          "y": 196.82,
+          "y": 219.725,
         },
       ],
       "seriesKey": "DE",
@@ -1518,6 +1631,20 @@ exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line
   },
   "tooltipDescriptors": [],
   "watermark": false,
+  "xInvert": {
+    "bottomData": 1609459200000,
+    "bottomPixel": 651.76115,
+    "scaleType": "time",
+    "topData": 1577836800000,
+    "topPixel": 47,
+  },
+  "yInvert": {
+    "bottomData": 40,
+    "bottomPixel": 105.2,
+    "scaleType": "linear",
+    "topData": 8,
+    "topPixel": 410.59999999999997,
+  },
 }
 `;
 
@@ -1807,6 +1934,30 @@ exports[`compileChart snapshot (Step 7 oracle) > watermarked column chart with g
     "swatchSize": 12,
     "type": "categorical",
   },
+  "legends": [
+    {
+      "bounds": {
+        "height": 0,
+        "width": 0,
+        "x": 0,
+        "y": 0,
+      },
+      "entries": [],
+      "entryGap": 16,
+      "labelStyle": {
+        "fill": "#09090b",
+        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
+        "fontSize": 11,
+        "fontWeight": 450,
+        "lineHeight": 1.3,
+      },
+      "position": "top",
+      "swatchChipFill": "rgba(0,0,0,0.04)",
+      "swatchGap": 6,
+      "swatchSize": 12,
+      "type": "categorical",
+    },
+  ],
   "marks": [
     {
       "aria": {
@@ -2221,5 +2372,30 @@ exports[`compileChart snapshot (Step 7 oracle) > watermarked column chart with g
     ],
   ],
   "watermark": true,
+  "xInvert": {
+    "bottomData": 0,
+    "bottomPixel": 577,
+    "domain": [
+      "A",
+      "B",
+      "C",
+      "D",
+    ],
+    "positions": [
+      122.67875862068962,
+      246.30358620689654,
+      369.92841379310346,
+      493.55324137931035,
+    ],
+    "topData": 0,
+    "topPixel": 39.232,
+  },
+  "yInvert": {
+    "bottomData": 70,
+    "bottomPixel": 60.9,
+    "scaleType": "linear",
+    "topData": 0,
+    "topPixel": 297.2,
+  },
 }
 `;