@cdc/chart 4.23.6 → 4.23.8

package/examples/feature/area/area-chart-date.json

@@ -36,7 +36,7 @@
     "rightAxisTickLabelColor": "#333",
     "rightAxisTickColor": "#333",
     "isLegendValue": false,
-    "numTicks": "",
+    "numTicks": "4",
     "label": "Y Axis Example Label"
   },
   "topAxis": {
@@ -103,6 +103,60 @@
       "Data 5": "220",
       "Data 6": "300",
       "Date": "6/15/2016"
+    },
+    {
+      "Date": "7/15/2016",
+      "Data 1": "900",
+      "Data 2": "235",
+      "Data 3": "300",
+      "Data 4": "195",
+      "Data 5": "120",
+      "Data 6": "610"
+    },
+    {
+      "Date": "8/15/2016",
+      "Data 1": "3000",
+      "Data 2": "900",
+      "Data 3": "540",
+      "Data 4": "600",
+      "Data 5": "120",
+      "Data 6": "200"
+    },
+    {
+      "Date": "9/15/2016",
+      "Data 1": "700",
+      "Data 2": "200",
+      "Data 3": "590",
+      "Data 4": "900",
+      "Data 5": "400",
+      "Data 6": "650"
+    },
+    {
+      "Date": "10/15/2016",
+      "Data 1": "2200",
+      "Data 2": "360",
+      "Data 3": "930",
+      "Data 4": "880",
+      "Data 5": "760",
+      "Data 6": "420"
+    },
+    {
+      "Date": "11/15/2016",
+      "Data 1": "5000",
+      "Data 2": "1350",
+      "Data 3": "300",
+      "Data 4": "1150",
+      "Data 5": "230",
+      "Data 6": "600"
+    },
+    {
+      "Date": "12/15/2016",
+      "Data 1": "6000",
+      "Data 2": "3220",
+      "Data 3": "540",
+      "Data 4": "300",
+      "Data 5": "720",
+      "Data 6": "3000"
     }
   ],
   "heights": {
@@ -125,7 +179,7 @@
     "tickLabelColor": "#333",
     "tickColor": "#333",
     "isLegendValue": false,
-    "numTicks": "9",
+    "numTicks": "6",
     "dataKey": "Date",
     "label": "X Axis Example Label",
     "dateParseFormat": "%m/%d/%Y",
@@ -230,6 +284,60 @@
       "Data 4": "100",
       "Data 5": "220",
       "Data 6": "300"
+    },
+    {
+      "Date": "7/15/2016",
+      "Data 1": "900",
+      "Data 2": "235",
+      "Data 3": "300",
+      "Data 4": "195",
+      "Data 5": "120",
+      "Data 6": "610"
+    },
+    {
+      "Date": "8/15/2016",
+      "Data 1": "3000",
+      "Data 2": "900",
+      "Data 3": "540",
+      "Data 4": "600",
+      "Data 5": "120",
+      "Data 6": "200"
+    },
+    {
+      "Date": "9/15/2016",
+      "Data 1": "700",
+      "Data 2": "200",
+      "Data 3": "590",
+      "Data 4": "900",
+      "Data 5": "400",
+      "Data 6": "650"
+    },
+    {
+      "Date": "10/15/2016",
+      "Data 1": "2200",
+      "Data 2": "360",
+      "Data 3": "930",
+      "Data 4": "880",
+      "Data 5": "760",
+      "Data 6": "420"
+    },
+    {
+      "Date": "11/15/2016",
+      "Data 1": "5000",
+      "Data 2": "1350",
+      "Data 3": "300",
+      "Data 4": "1150",
+      "Data 5": "230",
+      "Data 6": "600"
+    },
+    {
+      "Date": "12/15/2016",
+      "Data 1": "6000",
+      "Data 2": "3220",
+      "Data 3": "540",
+      "Data 4": "300",
+      "Data 5": "720",
+      "Data 6": "3000"
     }
   ],
   "visualizationType": "Area Chart",
@@ -241,4 +349,4 @@
   ],
   "description": "This example shows a bar chart created in the visualization editor in WCMS",
   "dataCutoff": "0"
-}
+}

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

@@ -176,7 +176,7 @@
   "series": [
     {
       "dataKey": "Radius",
-      "type": "Bar"
+      "type": "Line"
     },
     {
       "dataKey": "Diameter",

package/examples/feature/forecasting/combo-forecasting.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
@@ -41,7 +46,11 @@
     "numTicks": "",
     "axisPadding": 0,
     "tickRotation": 0,
-    "anchors": [],
+    "anchors": [
+      {
+        "value": "10/15/2022"
+      }
+    ],
     "label": "Cases by Date of Report"
   },
   "boxplot": {
@@ -84,6 +93,12 @@
     "horizontal": 750
   },
   "xAxis": {
+    "anchors": [
+      {
+        "value": "500",
+        "lineStyle": "dashed-md"
+      }
+    ],
     "type": "date",
     "showTargetLabel": true,
     "targetLabel": "Target",
@@ -101,12 +116,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 +130,14 @@
     "caption": "",
     "showDownloadUrl": false,
     "showDataTableLink": true,
+    "indexLabel": "",
+    "download": false,
+    "showVertical": false,
     "show": true
   },
   "orientation": "vertical",
+  "color": "pinkpurple",
+  "columns": {},
   "legend": {
     "behavior": "isolate",
     "singleRow": false,
@@ -162,49 +177,19 @@
   "visual": {
     "border": true,
     "accent": true,
-    "background": true
+    "background": true,
+    "verticalHoverLine": false,
+    "horizontalHoverLine": false
   },
+  "useLogScale": false,
   "filterBehavior": "Filter Change",
-  "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",
+  "highlightedBarValues": [],
   "series": [
     {
       "dataKey": "confirm",
       "type": "Bar",
-      "axis": "Left"
+      "axis": "Left",
+      "tooltip": true
     },
     {
       "dataKey": "type",
@@ -239,7 +224,48 @@
           "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
 }

package/examples/feature/forecasting/forecasting.json

@@ -15,6 +15,7 @@
   "barStyle": "",
   "roundingStyle": "standard",
   "tipRounding": "top",
+  "isResponsiveTicks": false,
   "general": {
     "showDownloadButton": false
   },
@@ -30,6 +31,8 @@
     "size": 50,
     "gridLines": false,
     "enablePadding": false,
+    "min": "",
+    "max": "",
     "labelColor": "#333",
     "tickLabelColor": "#333",
     "tickColor": "#333",
@@ -105,6 +108,7 @@
     "labelOffset": 65,
     "axisPadding": 0,
     "target": 0,
+    "maxTickRotation": 0,
     "dataKey": "date",
     "dateParseFormat": "%m/%d/%Y",
     "dateDisplayFormat": "%m/%d/%Y"
@@ -184,11 +188,11 @@
         },
         {
           "key": "quarter three",
-          "color": "qualitative1reverse"
+          "color": "qualitative-softreverse"
         },
         {
           "key": "quarter four",
-          "color": "qualitative1reverse"
+          "color": "qualitative4reverse"
         }
       ],
       "stageColumn": "quarter",
@@ -200,6 +204,9 @@
       ]
     }
   ],
+  "tooltips": {
+    "opacity": 90
+  },
   "datasets": {},
   "visualizationType": "Forecasting",
   "data": [
@@ -5321,5 +5328,7 @@
   "dataDescription": {
     "horizontal": false,
     "series": false
-  }
+  },
+  "validated": 4.23,
+  "dynamicMarginTop": 0
 }