@cdc/core 4.26.1 → 4.26.3

package/_stories/vega-fixtures/multi-dataset.json

@@ -0,0 +1,255 @@
+{
+  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
+  "data": {
+    "name": "Weekly Incident Case Counts"
+  },
+  "layer": [
+    {
+      "mark": {
+        "type": "bar",
+        "color": "#3f82e0"
+      },
+      "encoding": {
+        "x": {
+          "field": "date",
+          "type": "temporal",
+          "title": "Date (CCCD)",
+          "axis": {
+            "labelExpr": "[utcFormat(datum.value, '%b'), utcFormat(datum.value, '%m') == '01' ? utcFormat(datum.value, '%Y') : '']"
+          },
+          "scale": {
+            "nice": "month"
+          }
+        },
+        "y": {
+          "field": "sum of cases",
+          "type": "quantitative",
+          "title": "Total Number of Cases",
+          "scale": {
+            "domain": {
+              "unionWith": [
+                0,
+                1
+              ]
+            }
+          }
+        },
+        "color": {
+          "value": "#578edb",
+          "legend": {
+            "title": "Legend"
+          }
+        }
+      }
+    },
+    {
+      "data": {
+        "name": "3 week moving average"
+      },
+      "mark": {
+        "type": "line",
+        "color": "black",
+        "strokeDash": [
+          4,
+          4
+        ]
+      },
+      "encoding": {
+        "x": {
+          "field": "test",
+          "type": "temporal",
+          "title": "Date (CCCD)",
+          "scale": {
+            "nice": "month"
+          }
+        },
+        "y": {
+          "field": "rate",
+          "type": "quantitative",
+          "title": "Total Number of Cases",
+          "scale": {
+            "domain": {
+              "unionWith": [
+                0,
+                1
+              ]
+            }
+          }
+        },
+        "color": {
+          "value": "black",
+          "legend": {
+            "title": "Legend"
+          }
+        }
+      }
+    }
+  ],
+  "height": "container",
+  "width": "container",
+  "datasets": {
+    "Weekly Incident Case Counts": [
+      {
+        "date": "2022-05-09T00:00:00.000Z",
+        "sum of cases": 6
+      },
+      {
+        "date": "2022-05-16T00:00:00.000Z",
+        "sum of cases": 18
+      },
+      {
+        "date": "2022-05-23T00:00:00.000Z",
+        "sum of cases": 15
+      },
+      {
+        "date": "2022-05-30T00:00:00.000Z",
+        "sum of cases": 52
+      },
+      {
+        "date": "2022-06-06T00:00:00.000Z",
+        "sum of cases": 98
+      },
+      {
+        "date": "2022-06-13T00:00:00.000Z",
+        "sum of cases": 194
+      },
+      {
+        "date": "2022-06-20T00:00:00.000Z",
+        "sum of cases": 341
+      },
+      {
+        "date": "2022-06-27T00:00:00.000Z",
+        "sum of cases": 715
+      },
+      {
+        "date": "2022-07-04T00:00:00.000Z",
+        "sum of cases": 1277
+      },
+      {
+        "date": "2022-07-11T00:00:00.000Z",
+        "sum of cases": 2001
+      }
+    ],
+    "3 week moving average": [
+      {
+        "test": "2022-05-09T00:00:00.000Z"
+      },
+      {
+        "test": "2022-05-16T00:00:00.000Z"
+      },
+      {
+        "test": "2022-05-23T00:00:00.000Z",
+        "rate": 13
+      },
+      {
+        "test": "2022-05-30T00:00:00.000Z",
+        "rate": 28.333333333333332
+      },
+      {
+        "test": "2022-06-06T00:00:00.000Z",
+        "rate": 55
+      },
+      {
+        "test": "2022-06-13T00:00:00.000Z",
+        "rate": 114.66666666666667
+      },
+      {
+        "test": "2022-06-20T00:00:00.000Z",
+        "rate": 211
+      },
+      {
+        "test": "2022-06-27T00:00:00.000Z",
+        "rate": 416.6666666666667
+      },
+      {
+        "test": "2022-07-04T00:00:00.000Z",
+        "rate": 777.6666666666666
+      },
+      {
+        "test": "2022-07-11T00:00:00.000Z",
+        "rate": 1331
+      }
+    ]
+  },
+  "config": {
+    "background": "#FFFFFF",
+    "bar": {
+      "fill": "#2D72D2"
+    },
+    "arc": {
+      "fill": "#2D72D2"
+    },
+    "area": {
+      "fill": "#2D72D2"
+    },
+    "rect": {
+      "fill": "#2D72D2"
+    },
+    "circle": {
+      "fill": "#2D72D2"
+    },
+    "point": {
+      "stroke": "#2D72D2"
+    },
+    "line": {
+      "stroke": "#2D72D2"
+    },
+    "font": "Source-Sans-Pro",
+    "padding": 20,
+    "mark": {
+      "opacity": 0.75,
+      "tooltip": true
+    },
+    "title": {
+      "color": "#111418",
+      "fontSize": 14,
+      "fontWeight": 600,
+      "anchor": "start",
+      "subtitleColor": "#5F6B7C",
+      "subtitleFontSize": 12,
+      "subtitlePadding": 7
+    },
+    "axis": {
+      "labelFontSize": 12,
+      "titleFontSize": 14,
+      "titleFontWeight": 400,
+      "titlePadding": 10,
+      "titleColor": "#111418",
+      "labelColor": "#738091",
+      "gridColor": "#DCE0E5",
+      "gridOpacity": 1,
+      "domainColor": "#5F6B7C",
+      "tickColor": "#5F6B7C"
+    },
+    "legend": {
+      "titleColor": "#111418",
+      "labelColor": "#111418",
+      "titleFontSize": 12,
+      "labelFontSize": 12,
+      "titleFontWeight": 600
+    },
+    "view": {
+      "stroke": "transparent"
+    },
+    "text": {
+      "color": "#111418",
+      "fontSize": 12,
+      "fontWeight": 400
+    },
+    "range": {
+      "category": [
+        "#2D72D2",
+        "#DB2C6F",
+        "#8EB125",
+        "#9D3F9D",
+        "#00A396",
+        "#D1980B",
+        "#D33D17",
+        "#7961DB",
+        "#29A634",
+        "#946638",
+        "#147EB3"
+      ]
+    }
+  }
+}

package/_stories/vega-fixtures/no-data.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://vega.github.io/schema/vega-lite/v6.json",
+  "description": "Stock prices of 5 Tech Companies over Time.",
+  "data": { "url": "data/stocks.csv" },
+  "mark": {
+    "type": "line",
+    "point": true
+  },
+  "encoding": {
+    "x": { "timeUnit": "year", "field": "date" },
+    "y": { "aggregate": "mean", "field": "price", "type": "quantitative" },
+    "color": { "field": "symbol", "type": "nominal" }
+  }
+}

package/_stories/vega-fixtures/pie-chart.json

@@ -0,0 +1,94 @@
+{
+  "$schema": "https://vega.github.io/schema/vega/v5.json",
+  "description": "A basic pie chart example.",
+  "width": 200,
+  "height": 200,
+  "autosize": "none",
+
+  "signals": [
+    {
+      "name": "startAngle",
+      "value": 0,
+      "bind": { "input": "range", "min": 0, "max": 6.29, "step": 0.01 }
+    },
+    {
+      "name": "endAngle",
+      "value": 6.29,
+      "bind": { "input": "range", "min": 0, "max": 6.29, "step": 0.01 }
+    },
+    {
+      "name": "padAngle",
+      "value": 0,
+      "bind": { "input": "range", "min": 0, "max": 0.1 }
+    },
+    {
+      "name": "innerRadius",
+      "value": 0,
+      "bind": { "input": "range", "min": 0, "max": 90, "step": 1 }
+    },
+    {
+      "name": "cornerRadius",
+      "value": 0,
+      "bind": { "input": "range", "min": 0, "max": 10, "step": 0.5 }
+    },
+    {
+      "name": "sort",
+      "value": false,
+      "bind": { "input": "checkbox" }
+    }
+  ],
+
+  "data": [
+    {
+      "name": "table",
+      "values": [
+        { "id": 1, "field": 4 },
+        { "id": 2, "field": 6 },
+        { "id": 3, "field": 10 },
+        { "id": 4, "field": 3 },
+        { "id": 5, "field": 7 },
+        { "id": 6, "field": 8 }
+      ],
+      "transform": [
+        {
+          "type": "pie",
+          "field": "field",
+          "startAngle": { "signal": "startAngle" },
+          "endAngle": { "signal": "endAngle" },
+          "sort": { "signal": "sort" }
+        }
+      ]
+    }
+  ],
+
+  "scales": [
+    {
+      "name": "color",
+      "type": "ordinal",
+      "domain": { "data": "table", "field": "id" },
+      "range": { "scheme": "category20" }
+    }
+  ],
+
+  "marks": [
+    {
+      "type": "arc",
+      "from": { "data": "table" },
+      "encode": {
+        "enter": {
+          "fill": { "scale": "color", "field": "id" },
+          "x": { "signal": "width / 2" },
+          "y": { "signal": "height / 2" }
+        },
+        "update": {
+          "startAngle": { "field": "startAngle" },
+          "endAngle": { "field": "endAngle" },
+          "padAngle": { "signal": "padAngle" },
+          "innerRadius": { "signal": "innerRadius" },
+          "outerRadius": { "signal": "width / 2" },
+          "cornerRadius": { "signal": "cornerRadius" }
+        }
+      }
+    }
+  ]
+}

package/_stories/vega-fixtures/repeat-spec.json

@@ -0,0 +1,47 @@
+{
+  "data": {
+    "values": [
+      {
+        "Title": "Movie 1",
+        "US Gross": 146083,
+        "Worldwide Gross": 146083,
+        "IMDB Rating": 6.1
+      },
+      {
+        "Title": "Movie 2",
+        "US Gross": 10876,
+        "Worldwide Gross": 10876,
+        "IMDB Rating": 6.9
+      },
+      {
+        "Title": "Movie 3",
+        "US Gross": 203134,
+        "Worldwide Gross": 203134,
+        "IMDB Rating": 6.8
+      }
+    ]
+  },
+  "repeat": {
+    "layer": ["US Gross", "Worldwide Gross"]
+  },
+  "spec": {
+    "mark": "line",
+    "encoding": {
+      "x": {
+        "bin": true,
+        "field": "IMDB Rating",
+        "type": "quantitative"
+      },
+      "y": {
+        "aggregate": "mean",
+        "field": { "repeat": "layer" },
+        "type": "quantitative",
+        "title": "Mean of US and Worldwide Gross"
+      },
+      "color": {
+        "datum": { "repeat": "layer" },
+        "type": "nominal"
+      }
+    }
+  }
+}

package/_stories/vega-fixtures/stacked-area.json

@@ -0,0 +1,222 @@
+{
+  "$schema": "https://vega.github.io/schema/vega/v5.json",
+  "description": "A basic stacked area chart example.",
+  "width": 500,
+  "height": 200,
+  "padding": 5,
+  "data": [
+    {
+      "name": "table",
+      "values": [
+        {
+          "x": 0,
+          "y": 28,
+          "c": 0
+        },
+        {
+          "x": 0,
+          "y": 55,
+          "c": 1
+        },
+        {
+          "x": 1,
+          "y": 43,
+          "c": 0
+        },
+        {
+          "x": 1,
+          "y": 91,
+          "c": 1
+        },
+        {
+          "x": 2,
+          "y": 81,
+          "c": 0
+        },
+        {
+          "x": 2,
+          "y": 53,
+          "c": 1
+        },
+        {
+          "x": 3,
+          "y": 19,
+          "c": 0
+        },
+        {
+          "x": 3,
+          "y": 87,
+          "c": 1
+        },
+        {
+          "x": 4,
+          "y": 52,
+          "c": 0
+        },
+        {
+          "x": 4,
+          "y": 48,
+          "c": 1
+        },
+        {
+          "x": 5,
+          "y": 24,
+          "c": 0
+        },
+        {
+          "x": 5,
+          "y": 49,
+          "c": 1
+        },
+        {
+          "x": 6,
+          "y": 87,
+          "c": 0
+        },
+        {
+          "x": 6,
+          "y": 66,
+          "c": 1
+        },
+        {
+          "x": 7,
+          "y": 17,
+          "c": 0
+        },
+        {
+          "x": 7,
+          "y": 27,
+          "c": 1
+        },
+        {
+          "x": 8,
+          "y": 68,
+          "c": 0
+        },
+        {
+          "x": 8,
+          "y": 16,
+          "c": 1
+        },
+        {
+          "x": 9,
+          "y": 49,
+          "c": 0
+        },
+        {
+          "x": 9,
+          "y": 15,
+          "c": 1
+        }
+      ],
+      "transform": [
+        {
+          "type": "stack",
+          "groupby": [
+            "x"
+          ],
+          "sort": {
+            "field": "c"
+          },
+          "field": "y"
+        }
+      ]
+    }
+  ],
+  "scales": [
+    {
+      "name": "x",
+      "type": "point",
+      "range": "width",
+      "domain": {
+        "data": "table",
+        "field": "x"
+      }
+    },
+    {
+      "name": "y",
+      "type": "linear",
+      "range": "height",
+      "nice": true,
+      "zero": true,
+      "domain": {
+        "data": "table",
+        "field": "y1"
+      }
+    },
+    {
+      "name": "color",
+      "type": "ordinal",
+      "range": "category",
+      "domain": {
+        "data": "table",
+        "field": "c"
+      }
+    }
+  ],
+  "axes": [
+    {
+      "orient": "bottom",
+      "scale": "x",
+      "zindex": 1
+    },
+    {
+      "orient": "left",
+      "scale": "y",
+      "zindex": 1
+    }
+  ],
+  "marks": [
+    {
+      "type": "group",
+      "from": {
+        "facet": {
+          "name": "series",
+          "data": "table",
+          "groupby": "c"
+        }
+      },
+      "marks": [
+        {
+          "type": "area",
+          "from": {
+            "data": "series"
+          },
+          "encode": {
+            "enter": {
+              "interpolate": {
+                "value": "monotone"
+              },
+              "x": {
+                "scale": "x",
+                "field": "x"
+              },
+              "y": {
+                "scale": "y",
+                "field": "y0"
+              },
+              "y2": {
+                "scale": "y",
+                "field": "y1"
+              },
+              "fill": {
+                "scale": "color",
+                "field": "c"
+              }
+            },
+            "update": {
+              "fillOpacity": {
+                "value": 1
+              }
+            },
+            "hover": {
+              "fillOpacity": {
+                "value": 0.5
+              }
+            }
+          }
+        }
+      ]
+    }
+  ]
+}