@cdc/chart 4.23.6 → 4.23.7

package/examples/feature/__data__/planet-example-data.json

@@ -44,7 +44,7 @@
   {
     "name": "Pluto",
     "Radius": "200",
-    "Diameter": "-22",
+    "Diameter": "22",
     "distance": "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
 }

package/examples/feature/line/line-chart.json

@@ -42,28 +42,28 @@
     {
       "Date": "1/15/2016",
       "Data 1": "foo",
-      "Data 2": "135",
+      "Data 2": "1350",
       "Data 3": "300",
-      "Data 4": "95",
-      "Data 5": "120",
-      "Data 6": "310"
+      "Data 4": "950",
+      "Data 5": "1200",
+      "Data 6": "3100"
     },
     {
       "Date": "2/15/2016",
       "Data 1": "40",
-      "Data 2": "90",
+      "Data 2": "900",
       "Data 3": "240",
       "Data 4": "60",
-      "Data 5": "160",
-      "Data 6": "200"
+      "Data 5": "1600",
+      "Data 6": "2000"
     },
     {
       "Date": "3/15/2016",
       "Data 1": "50",
       "Data 2": "300",
-      "Data 3": "290",
+      "Data 3": "2900",
       "Data 4": "100",
-      "Data 5": "200",
+      "Data 5": "2000",
       "Data 6": "250"
     },
     {
@@ -71,7 +71,7 @@
       "Data 1": "",
       "Data 2": "160",
       "Data 3": "230",
-      "Data 4": "180",
+      "Data 4": "1800",
       "Data 5": "160",
       "Data 6": "220"
     },
@@ -121,4 +121,4 @@
       "type": "Line"
     }
   ]
-}
+}

package/examples/gallery/bar-chart-vertical/vertical-bar-chart-categorical.json

@@ -1,40 +1,201 @@
 {
   "type": "chart",
   "title": "Categorical Bar Chart",
+  "showTitle": true,
+  "showDownloadMediaButton": false,
   "theme": "theme-blue",
+  "animate": false,
   "fontSize": "medium",
-  "height": 300,
+  "lineDatapointStyle": "hover",
+  "barHasBorder": "false",
+  "isLollipopChart": false,
+  "lollipopShape": "circle",
+  "lollipopColorStyle": "two-tone",
+  "visualizationSubType": "regular",
+  "barStyle": "",
+  "roundingStyle": "standard",
+  "tipRounding": "top",
+  "general": {
+    "showDownloadButton": false
+  },
   "padding": {
     "left": 5,
     "right": 5
   },
   "yAxis": {
+    "hideAxis": false,
+    "displayNumbersOnBar": false,
+    "hideLabel": false,
+    "hideTicks": false,
     "size": "71",
-    "gridLines": true,
+    "gridLines": false,
+    "enablePadding": false,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "rightHideAxis": false,
+    "rightAxisSize": 0,
+    "rightLabel": "",
+    "rightLabelOffsetSize": 0,
+    "rightAxisLabelColor": "#333",
+    "rightAxisTickLabelColor": "#333",
+    "rightAxisTickColor": "#333",
+    "numTicks": "",
+    "axisPadding": 0,
+    "tickRotation": 0,
+    "anchors": [],
     "label": "Y-Axis Example Label"
   },
+  "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",
+      "total": "Total",
+      "outliers": "Outliers",
+      "values": "Values",
+      "lowerBounds": "Lower Bounds",
+      "upperBounds": "Upper Bounds"
+    }
+  },
+  "topAxis": {
+    "hasLine": false
+  },
+  "isLegendValue": false,
   "barThickness": "0.5",
+  "barHeight": 25,
+  "barSpace": 15,
+  "heights": {
+    "vertical": 300,
+    "horizontal": 750
+  },
   "xAxis": {
+    "anchors": [],
+    "type": "categorical",
+    "showTargetLabel": true,
+    "targetLabel": "Target",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
     "size": "58",
     "tickRotation": 0,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "numTicks": "",
+    "labelOffset": 65,
+    "axisPadding": 0,
+    "target": 0,
     "dataKey": "Location",
     "label": "X-Axis Example Label"
   },
   "table": {
     "label": "Data Table",
-    "expanded": true
+    "expanded": true,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": false,
+    "showDataTableLink": true,
+    "indexLabel": "",
+    "download": false,
+    "showVertical": false,
+    "show": true
   },
+  "orientation": "vertical",
+  "color": "pinkpurple",
+  "columns": {},
   "legend": {
     "behavior": "highlight",
+    "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",
     "label": "Sample Groups"
   },
+  "exclusions": {
+    "active": false,
+    "keys": []
+  },
   "palette": "qualitative-bold",
+  "isPaletteReversed": false,
+  "twoColor": {
+    "palette": "monochrome-1",
+    "isPaletteReversed": false
+  },
   "labels": false,
   "dataFormat": {
-    "suffix": " "
+    "commas": false,
+    "prefix": "",
+    "suffix": " ",
+    "abbreviated": false,
+    "bottomSuffix": "",
+    "bottomPrefix": "",
+    "bottomAbbreviated": false
   },
   "confidenceKeys": {},
+  "visual": {
+    "border": true,
+    "accent": true,
+    "background": true,
+    "verticalHoverLine": false,
+    "horizontalHoverLine": false
+  },
+  "useLogScale": false,
+  "filterBehavior": "Filter Change",
+  "highlightedBarValues": [],
+  "series": [
+    {
+      "dataKey": "Group A",
+      "type": "Bar",
+      "tooltip": true,
+      "axis": "Left"
+    },
+    {
+      "dataKey": "Group B",
+      "type": "Bar",
+      "tooltip": true,
+      "axis": "Left"
+    },
+    {
+      "dataKey": "Group C",
+      "type": "Bar",
+      "tooltip": true,
+      "axis": "Left"
+    }
+  ],
+  "tooltips": {
+    "opacity": 100
+  },
+  "height": 300,
   "data": [
     {
       "Location": "Vehicle",
@@ -61,20 +222,6 @@
       "Group C": "80"
     }
   ],
-  "visualizationType": "Bar",
-  "series": [
-    {
-      "dataKey": "Group A",
-      "type": "Bar"
-    },
-    {
-      "dataKey": "Group B",
-      "type": "Bar"
-    },
-    {
-      "dataKey": "Group C",
-      "type": "Bar"
-    }
-  ],
+  "visualizationType": "Combo",
   "description": "This example shows a Standard Categorical (Non-Time-Based) Bar Chart created in the visualization editor in WCMS"
-}
+}