@cdc/chart 4.23.5 → 4.23.7

package/examples/feature/combo/right-issues.json

@@ -0,0 +1,190 @@
+{
+  "type": "chart",
+  "title": "Planet Radius (Combo Example)",
+  "showTitle": true,
+  "showDownloadMediaButton": false,
+  "theme": "theme-blue",
+  "animate": true,
+  "fontSize": "medium",
+  "lineDatapointStyle": "hover",
+  "barHasBorder": "false",
+  "isLollipopChart": false,
+  "lollipopShape": "circle",
+  "lollipopColorStyle": "two-tone",
+  "visualizationSubType": "regular",
+  "barStyle": "",
+  "roundingStyle": "standard",
+  "tipRounding": "top",
+  "general": {
+    "showDownloadButton": false
+  },
+  "padding": {
+    "left": 0,
+    "right": 0
+  },
+  "yAxis": {
+    "hideAxis": false,
+    "displayNumbersOnBar": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": "150",
+    "gridLines": false,
+    "enablePadding": false,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "rightHideAxis": false,
+    "rightAxisSize": 50,
+    "rightLabel": "Diameter",
+    "rightLabelOffsetSize": "40",
+    "rightAxisLabelColor": "#333",
+    "rightAxisTickLabelColor": "#333",
+    "rightAxisTickColor": "#333",
+    "numTicks": "",
+    "axisPadding": 0,
+    "tickRotation": 0,
+    "anchors": [],
+    "label": "Measurement (1000km)",
+    "rightNumTicks": "7",
+    "rightHideLabel": false
+  },
+  "boxplot": {
+    "plots": [],
+    "borders": "true",
+    "firstQuartilePercentage": 25,
+    "thirdQuartilePercentage": 75,
+    "boxWidthPercentage": 40,
+    "plotOutlierValues": false,
+    "plotNonOutlierValues": true,
+    "legend": {
+      "showHowToReadText": false,
+      "howToReadText": ""
+    },
+    "labels": {
+      "q1": "Lower Quartile",
+      "q2": "q2",
+      "q3": "Upper Quartile",
+      "q4": "q4",
+      "minimum": "Minimum",
+      "maximum": "Maximum",
+      "mean": "Mean",
+      "median": "Median",
+      "sd": "Standard Deviation",
+      "iqr": "Interquartile Range",
+      "count": "Count",
+      "outliers": "Outliers",
+      "values": "Values"
+    }
+  },
+  "topAxis": {
+    "hasLine": true
+  },
+  "isLegendValue": false,
+  "barThickness": 0.35,
+  "barHeight": 25,
+  "barSpace": 15,
+  "heights": {
+    "vertical": 300,
+    "horizontal": 750
+  },
+  "xAxis": {
+    "anchors": [],
+    "type": "categorical",
+    "showTargetLabel": true,
+    "targetLabel": "Target",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 75,
+    "tickRotation": 30,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "numTicks": "",
+    "labelOffset": 65,
+    "axisPadding": 0,
+    "target": 0,
+    "label": "Planet",
+    "dataKey": "name"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": false,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": false,
+    "showDataTableLink": true,
+    "indexLabel": "",
+    "download": false,
+    "showVertical": false,
+    "show": true
+  },
+  "orientation": "vertical",
+  "color": "pinkpurple",
+  "columns": {},
+  "legend": {
+    "behavior": "isolate",
+    "singleRow": false,
+    "colorCode": "",
+    "reverseLabelOrder": false,
+    "description": "",
+    "dynamicLegend": false,
+    "dynamicLegendDefaultText": "Show All",
+    "dynamicLegendItemLimit": 5,
+    "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
+    "dynamicLegendChartMessage": "Select Options from the Legend",
+    "position": "right",
+    "hide": false
+  },
+  "exclusions": {
+    "active": false,
+    "keys": []
+  },
+  "palette": "qualitative-bold",
+  "isPaletteReversed": false,
+  "twoColor": {
+    "palette": "monochrome-1",
+    "isPaletteReversed": false
+  },
+  "labels": false,
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": "km",
+    "abbreviated": false,
+    "bottomSuffix": "",
+    "bottomPrefix": "",
+    "bottomAbbreviated": false,
+    "roundTo": 1
+  },
+  "confidenceKeys": {},
+  "visual": {
+    "border": true,
+    "accent": true,
+    "background": true,
+    "verticalHoverLine": false,
+    "horizontalHoverLine": false
+  },
+  "useLogScale": false,
+  "filterBehavior": "Filter Change",
+  "highlightedBarValues": [],
+  "series": [
+    {
+      "dataKey": "Radius",
+      "type": "Line"
+    },
+    {
+      "dataKey": "Diameter",
+      "type": "Line",
+      "axis": "Right"
+    }
+  ],
+  "dataUrl": "/examples/feature/__data__/planet-example-data.json",
+  "animateReplay": true,
+  "visualizationType": "Combo"
+}

package/examples/feature/forecasting/combo-forecasting.json

@@ -0,0 +1,271 @@
+{
+  "type": "chart",
+  "title": "Forecasting Chart Example",
+  "showTitle": true,
+  "showDownloadMediaButton": false,
+  "theme": "theme-blue",
+  "animate": true,
+  "fontSize": "medium",
+  "lineDatapointStyle": "hover",
+  "barHasBorder": "false",
+  "isLollipopChart": false,
+  "lollipopShape": "circle",
+  "lollipopColorStyle": "two-tone",
+  "visualizationSubType": "regular",
+  "barStyle": "",
+  "roundingStyle": "standard",
+  "tipRounding": "top",
+  "isResponsiveTicks": false,
+  "general": {
+    "showDownloadButton": false
+  },
+  "padding": {
+    "left": 0,
+    "right": 0
+  },
+  "yAxis": {
+    "hideAxis": false,
+    "displayNumbersOnBar": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": "75",
+    "gridLines": false,
+    "enablePadding": false,
+    "min": "0",
+    "max": "900",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "rightHideAxis": false,
+    "rightAxisSize": 50,
+    "rightLabel": "",
+    "rightLabelOffsetSize": 0,
+    "rightAxisLabelColor": "#333",
+    "rightAxisTickLabelColor": "#333",
+    "rightAxisTickColor": "#333",
+    "numTicks": "",
+    "axisPadding": 0,
+    "tickRotation": 0,
+    "anchors": [
+      {
+        "value": "10/15/2022"
+      }
+    ],
+    "label": "Cases by Date of Report"
+  },
+  "boxplot": {
+    "plots": [],
+    "borders": "true",
+    "firstQuartilePercentage": 25,
+    "thirdQuartilePercentage": 75,
+    "boxWidthPercentage": 40,
+    "plotOutlierValues": false,
+    "plotNonOutlierValues": true,
+    "legend": {
+      "showHowToReadText": false,
+      "howToReadText": ""
+    },
+    "labels": {
+      "q1": "Lower Quartile",
+      "q2": "q2",
+      "q3": "Upper Quartile",
+      "q4": "q4",
+      "minimum": "Minimum",
+      "maximum": "Maximum",
+      "mean": "Mean",
+      "median": "Median",
+      "sd": "Standard Deviation",
+      "iqr": "Interquartile Range",
+      "count": "Count",
+      "outliers": "Outliers",
+      "values": "Values"
+    }
+  },
+  "topAxis": {
+    "hasLine": true
+  },
+  "isLegendValue": false,
+  "barThickness": 0.35,
+  "barHeight": 25,
+  "barSpace": 15,
+  "heights": {
+    "vertical": 300,
+    "horizontal": 750
+  },
+  "xAxis": {
+    "anchors": [
+      {
+        "value": "500",
+        "lineStyle": "dashed-md"
+      }
+    ],
+    "type": "date",
+    "showTargetLabel": true,
+    "targetLabel": "Target",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 75,
+    "tickRotation": 30,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "numTicks": "",
+    "labelOffset": 65,
+    "axisPadding": 0,
+    "target": 0,
+    "maxTickRotation": 0,
+    "label": "",
+    "dataKey": "date",
+    "dateParseFormat": "%m/%d/%Y",
+    "dateDisplayFormat": "%m/%d/%Y"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": false,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": false,
+    "showDataTableLink": true,
+    "indexLabel": "",
+    "download": false,
+    "showVertical": false,
+    "show": true
+  },
+  "orientation": "vertical",
+  "color": "pinkpurple",
+  "columns": {},
+  "legend": {
+    "behavior": "isolate",
+    "singleRow": false,
+    "colorCode": "",
+    "reverseLabelOrder": false,
+    "description": "",
+    "dynamicLegend": false,
+    "dynamicLegendDefaultText": "Show All",
+    "dynamicLegendItemLimit": 5,
+    "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
+    "dynamicLegendChartMessage": "Select Options from the Legend",
+    "position": "right",
+    "hide": false
+  },
+  "exclusions": {
+    "active": false,
+    "keys": []
+  },
+  "palette": "sequential-bluereverse",
+  "isPaletteReversed": true,
+  "twoColor": {
+    "palette": "monochrome-1",
+    "isPaletteReversed": false
+  },
+  "labels": false,
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": "",
+    "abbreviated": false,
+    "bottomSuffix": "",
+    "bottomPrefix": "",
+    "bottomAbbreviated": false,
+    "roundTo": "0"
+  },
+  "confidenceKeys": {},
+  "visual": {
+    "border": true,
+    "accent": true,
+    "background": true,
+    "verticalHoverLine": false,
+    "horizontalHoverLine": false
+  },
+  "useLogScale": false,
+  "filterBehavior": "Filter Change",
+  "highlightedBarValues": [],
+  "series": [
+    {
+      "dataKey": "confirm",
+      "type": "Bar",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "type",
+      "type": "Forecasting",
+      "axis": "Left",
+      "confidenceIntervals": [
+        {
+          "high": "upper_90",
+          "low": "lower_90"
+        },
+        {
+          "high": "upper_50",
+          "low": "lower_50"
+        },
+        {
+          "high": "upper_20",
+          "low": "lower_20"
+        }
+      ],
+      "stageColumn": "type",
+      "stageItem": "estimate",
+      "stages": [
+        {
+          "key": "estimate",
+          "color": "sequential-green"
+        },
+        {
+          "key": "estimate based on partial data",
+          "color": "sequential-orange-(MPX)"
+        },
+        {
+          "key": "forecast",
+          "color": "sequential-blue"
+        }
+      ],
+      "tooltip": true
+    }
+  ],
+  "tooltips": {
+    "opacity": 90
+  },
+  "forecastingChart": {
+    "showBars": false,
+    "barColumn": "confirm",
+    "barColor": "#918e90",
+    "confidenceIntervals": [
+      {
+        "low": "lower_20",
+        "high": "upper_20"
+      },
+      {
+        "low": "lower_50",
+        "high": "upper_50"
+      },
+      {
+        "low": "lower_90",
+        "high": "upper_90"
+      },
+      {}
+    ],
+    "stages": "type",
+    "colors": [
+      "sequential-greenreverse",
+      "sequential-orange-(MPX)reverse",
+      "sequential-blue-2-(MPX)reverse"
+    ],
+    "groups": [
+      "estimate",
+      "estimate based on partial data",
+      "forecast"
+    ],
+    "showBarColumn": true
+  },
+  "dataUrl": "./examples/feature/forecasting/case_date_example.csv",
+  "animateReplay": true,
+  "visualizationType": "Combo",
+  "validated": 4.23,
+  "dynamicMarginTop": 0
+}

package/examples/feature/forecasting/effective_reproduction.json

@@ -2,6 +2,7 @@
   "type": "chart",
   "title": "Forecasting Chart Example",
   "showTitle": true,
+  "showDownloadMediaButton": false,
   "theme": "theme-blue",
   "animate": true,
   "fontSize": "medium",
@@ -14,6 +15,10 @@
   "barStyle": "",
   "roundingStyle": "standard",
   "tipRounding": "top",
+  "isResponsiveTicks": false,
+  "general": {
+    "showDownloadButton": false
+  },
   "padding": {
     "left": 0,
     "right": 0
@@ -84,6 +89,12 @@
     "horizontal": 750
   },
   "xAxis": {
+    "anchors": [
+      {
+        "value": "10/19/2022",
+        "lineStyle": "dashed-md"
+      }
+    ],
     "type": "date",
     "showTargetLabel": true,
     "targetLabel": "Target",
@@ -101,12 +112,7 @@
     "labelOffset": 65,
     "axisPadding": 0,
     "target": 0,
-    "anchors": [
-      {
-        "value": "10/19/2022",
-        "lineStyle": "dashed-md"
-      }
-    ],
+    "maxTickRotation": 0,
     "label": "",
     "dataKey": "date",
     "dateParseFormat": "%m/%d/%Y",
@@ -120,9 +126,14 @@
     "caption": "",
     "showDownloadUrl": false,
     "showDataTableLink": true,
+    "indexLabel": "",
+    "download": false,
+    "showVertical": false,
     "show": true
   },
   "orientation": "vertical",
+  "color": "pinkpurple",
+  "columns": {},
   "legend": {
     "behavior": "isolate",
     "singleRow": false,
@@ -162,9 +173,45 @@
   "visual": {
     "border": true,
     "accent": true,
-    "background": true
+    "background": true,
+    "verticalHoverLine": false,
+    "horizontalHoverLine": false
   },
+  "useLogScale": false,
   "filterBehavior": "Filter Change",
+  "highlightedBarValues": [],
+  "series": [
+    {
+      "dataKey": "type",
+      "type": "Forecasting",
+      "stages": [
+        {
+          "key": "estimate",
+          "color": "qualitative1reverse"
+        },
+        {
+          "key": "estimate based on partial data",
+          "color": "qualitative1"
+        },
+        {
+          "key": "forecast",
+          "color": "sequential-orange-(MPX)reverse"
+        }
+      ],
+      "stageColumn": "type",
+      "axis": "Left",
+      "tooltip": true,
+      "confidenceIntervals": [
+        {
+          "high": "upper_90",
+          "low": "lower_90"
+        }
+      ]
+    }
+  ],
+  "tooltips": {
+    "opacity": 90
+  },
   "forecastingChart": {
     "showBars": false,
     "barColumn": "confirm",
@@ -198,5 +245,7 @@
   },
   "dataUrl": "./examples/feature/forecasting/r_data.csv",
   "animateReplay": true,
-  "visualizationType": "Forecasting"
+  "visualizationType": "Forecasting",
+  "validated": 4.23,
+  "dynamicMarginTop": 0
 }