@cdc/chart 4.23.10 → 4.24.1

package/examples/feature/bar/tall-data.json

@@ -0,0 +1,98 @@
+[
+      {
+            "date": "1/1/23",
+            "pathogen": "COVID",
+            "value": 23,
+            "upper_ci": 47,
+            "lower_ci": 20,
+            "filter1": "value1"
+      },
+      {
+            "date": "1/1/23",
+            "pathogen": "RSV",
+            "value": 33,
+            "upper_ci": 57,
+            "lower_ci": 10,
+            "filter1": "value1"
+      },
+      {
+            "date": "1/1/23",
+            "pathogen": "Flu",
+            "value": 53,
+            "upper_ci": 67,
+            "lower_ci": 40,
+            "filter1": "value1"
+      },
+      {
+            "date": "1/2/23",
+            "pathogen": "COVID",
+            "value": 60,
+            "upper_ci": 87,
+            "lower_ci": 20,
+            "filter1": "value1"
+      },
+      {
+            "date": "1/2/23",
+            "pathogen": "RSV",
+            "value": 33,
+            "upper_ci": 57,
+            "lower_ci": 10,
+            "filter1": "value1"
+      },
+      {
+            "date": "1/2/23",
+            "pathogen": "Flu",
+            "value": 53,
+            "upper_ci": 67,
+            "lower_ci": 40,
+            "filter1": "value1"
+      },
+      {
+            "date": "1/1/23",
+            "pathogen": "COVID",
+            "value": 23,
+            "upper_ci": 47,
+            "lower_ci": 20,
+            "filter1": "value2"
+      },
+      {
+            "date": "1/1/23",
+            "pathogen": "RSV",
+            "value": 33,
+            "upper_ci": 57,
+            "lower_ci": 10,
+            "filter1": "value2"
+      },
+      {
+            "date": "1/1/23",
+            "pathogen": "Flu",
+            "value": 53,
+            "upper_ci": 67,
+            "lower_ci": 40,
+            "filter1": "value2"
+      },
+      {
+            "date": "1/2/23",
+            "pathogen": "COVID",
+            "value": 23,
+            "upper_ci": 47,
+            "lower_ci": 20,
+            "filter1": "value2"
+      },
+      {
+            "date": "1/2/23",
+            "pathogen": "RSV",
+            "value": 33,
+            "upper_ci": 57,
+            "lower_ci": 10,
+            "filter1": "value2"
+      },
+      {
+            "date": "1/2/23",
+            "pathogen": "Flu",
+            "value": 53,
+            "upper_ci": 67,
+            "lower_ci": 40,
+            "filter1": "value2"
+      }
+]

package/examples/feature/combo/planet-combo-example-config.json

@@ -1,6 +1,13 @@
 {
   "type": "chart",
+  "debugSvg": false,
+  "chartMessage": {
+    "noData": "No Data Available"
+  },
   "title": "Planet Radius (Combo Example)",
+  "showTitle": true,
+  "showDownloadMediaButton": false,
+  "showChartBrush": false,
   "theme": "theme-blue",
   "animate": true,
   "fontSize": "medium",
@@ -13,6 +20,10 @@
   "barStyle": "",
   "roundingStyle": "standard",
   "tipRounding": "top",
+  "isResponsiveTicks": false,
+  "general": {
+    "showDownloadButton": false
+  },
   "padding": {
     "left": 0,
     "right": 0
@@ -24,6 +35,7 @@
     "hideTicks": false,
     "size": 50,
     "gridLines": false,
+    "enablePadding": false,
     "min": "",
     "max": "",
     "labelColor": "#333",
@@ -39,6 +51,7 @@
     "numTicks": "",
     "axisPadding": 0,
     "tickRotation": 0,
+    "anchors": [],
     "label": "Measurement (1000km)"
   },
   "boxplot": {
@@ -81,7 +94,11 @@
     "horizontal": 750
   },
   "xAxis": {
+    "sortDates": false,
+    "anchors": [],
     "type": "categorical",
+    "showTargetLabel": true,
+    "targetLabel": "Target",
     "hideAxis": false,
     "hideLabel": false,
     "hideTicks": false,
@@ -95,6 +112,8 @@
     "numTicks": "",
     "labelOffset": 65,
     "axisPadding": 0,
+    "target": 0,
+    "maxTickRotation": 0,
     "label": "Planet",
     "dataKey": "name"
   },
@@ -105,12 +124,17 @@
     "height": "",
     "caption": "",
     "showDownloadUrl": false,
+    "showDataTableLink": true,
+    "indexLabel": "",
+    "download": false,
+    "showVertical": false,
     "show": true
   },
   "orientation": "vertical",
+  "color": "pinkpurple",
+  "columns": {},
   "legend": {
     "behavior": "isolate",
-    "position": "right",
     "singleRow": false,
     "colorCode": "",
     "reverseLabelOrder": false,
@@ -120,6 +144,9 @@
     "dynamicLegendItemLimit": 5,
     "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
     "dynamicLegendChartMessage": "Select Options from the Legend",
+    "lineMode": false,
+    "verticalSorted": false,
+    "position": "right",
     "hide": false
   },
   "exclusions": {
@@ -128,32 +155,95 @@
   },
   "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
+    "background": true,
+    "verticalHoverLine": false,
+    "horizontalHoverLine": false
   },
-  "dataUrl": "/examples/feature/__data__/planet-example-data.json",
-  "animateReplay": true,
-  "visualizationType": "Combo",
+  "useLogScale": false,
+  "filterBehavior": "Filter Change",
+  "highlightedBarValues": [],
   "series": [
     {
       "dataKey": "Radius",
-      "type": "Line",
-      "axis": "Right"
+      "type": "Bar",
+      "axis": "Right",
+      "tooltip": true
     },
     {
       "dataKey": "Diameter",
-      "type": "Bar"
+      "type": "Line",
+      "tooltip": true
     }
-  ]
+  ],
+  "tooltips": {
+    "opacity": 90
+  },
+  "forestPlot": {
+    "startAt": 0,
+    "width": "auto",
+    "colors": {
+      "line": "",
+      "shape": ""
+    },
+    "estimateField": "",
+    "estimateRadius": "",
+    "lowerCiField": "",
+    "upperCiField": "",
+    "shape": "",
+    "rowHeight": 20,
+    "showZeroLine": false,
+    "description": {
+      "show": true,
+      "text": "description",
+      "location": 0
+    },
+    "result": {
+      "show": true,
+      "text": "result",
+      "location": 100
+    },
+    "radius": {
+      "min": 1,
+      "max": 8,
+      "scalingColumn": ""
+    },
+    "regression": {
+      "lower": 0,
+      "upper": 0,
+      "estimateField": 0
+    },
+    "leftWidthOffset": 0,
+    "rightWidthOffset": 0
+  },
+  "brush": {
+    "pattern_id": "brush_pattern",
+    "accent_color": "#ddd"
+  },
+  "area": {
+    "isStacked": false
+  },
+  "dataUrl": "/examples/feature/__data__/planet-example-data.json",
+  "animateReplay": true,
+  "visualizationType": "Combo",
+  "validated": 4.23,
+  "dynamicMarginTop": 0
 }

package/examples/feature/dev-4261.json

@@ -0,0 +1,399 @@
+{
+  "type": "chart",
+  "debugSvg": false,
+  "chartMessage": {
+    "noData": "No Data Available"
+  },
+  "title": "",
+  "showTitle": true,
+  "showDownloadMediaButton": false,
+  "theme": "theme-blue",
+  "animate": false,
+  "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": 5,
+    "right": 5
+  },
+  "yAxis": {
+    "hideAxis": false,
+    "displayNumbersOnBar": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 50,
+    "gridLines": false,
+    "enablePadding": false,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "rightHideAxis": true,
+    "rightAxisSize": 50,
+    "rightLabel": "",
+    "rightLabelOffsetSize": 0,
+    "rightAxisLabelColor": "#333",
+    "rightAxisTickLabelColor": "#333",
+    "rightAxisTickColor": "#333",
+    "numTicks": "",
+    "axisPadding": 0,
+    "tickRotation": 0,
+    "anchors": []
+  },
+  "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.35,
+  "barHeight": 25,
+  "barSpace": 15,
+  "heights": {
+    "vertical": 300,
+    "horizontal": 750
+  },
+  "xAxis": {
+    "sortDates": false,
+    "anchors": [],
+    "type": "date",
+    "showTargetLabel": true,
+    "targetLabel": "Target",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 75,
+    "tickRotation": 0,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "numTicks": "",
+    "labelOffset": 65,
+    "axisPadding": 0,
+    "target": 0,
+    "maxTickRotation": 0,
+    "dataKey": "Date",
+    "dateParseFormat": "%m/%d/%Y",
+    "dateDisplayFormat": "%m/%Y",
+    "tickWidthMax": 66
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": true,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": false,
+    "showDataTableLink": true,
+    "indexLabel": "",
+    "download": false,
+    "showVertical": true,
+    "show": true
+  },
+  "orientation": "vertical",
+  "color": "pinkpurple",
+  "columns": {},
+  "legend": {
+    "hide": false,
+    "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",
+    "lineMode": false,
+    "verticalSorted": false
+  },
+  "brush": {
+    "height": 25,
+    "data": [
+      {
+        "Date": "1/15/2022",
+        "New Participants": "90",
+        "Outreach Costs": "252000"
+      },
+      {
+        "Date": "2/15/2022",
+        "New Participants": "150",
+        "Outreach Costs": "410000"
+      },
+      {
+        "Date": "3/15/2022",
+        "New Participants": "80",
+        "Outreach Costs": "275000"
+      },
+      {
+        "Date": "4/15/2022",
+        "New Participants": "146",
+        "Outreach Costs": "480000"
+      },
+      {
+        "Date": "5/15/2022",
+        "New Participants": "70",
+        "Outreach Costs": "160000"
+      },
+      {
+        "Date": "6/15/2022",
+        "New Participants": "100",
+        "Outreach Costs": "190000"
+      },
+      {
+        "Date": "7/15/2022",
+        "New Participants": "132",
+        "Outreach Costs": "380000"
+      },
+      {
+        "Date": "8/15/2022",
+        "New Participants": "75",
+        "Outreach Costs": "170000"
+      },
+      {
+        "Date": "9/15/2022",
+        "New Participants": "120",
+        "Outreach Costs": "368000"
+      }
+    ],
+    "active": false
+  },
+  "exclusions": {
+    "active": false,
+    "keys": []
+  },
+  "palette": "qualitative-bold",
+  "isPaletteReversed": false,
+  "twoColor": {
+    "palette": "monochrome-1",
+    "isPaletteReversed": false
+  },
+  "labels": false,
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": "",
+    "abbreviated": false,
+    "bottomSuffix": "",
+    "bottomPrefix": "",
+    "bottomAbbreviated": false,
+    "useCommas": false,
+    "roundToPlace": ""
+  },
+  "confidenceKeys": {},
+  "visual": {
+    "border": true,
+    "accent": true,
+    "background": true,
+    "verticalHoverLine": false,
+    "horizontalHoverLine": false
+  },
+  "useLogScale": false,
+  "filterBehavior": "Filter Change",
+  "highlightedBarValues": [],
+  "series": [
+    {
+      "dataKey": "New Participants",
+      "type": "Bar",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Outreach Costs",
+      "type": "Line",
+      "axis": "Right",
+      "tooltip": true
+    }
+  ],
+  "tooltips": {
+    "opacity": 90
+  },
+  "forestPlot": {
+    "startAt": 0,
+    "width": "auto",
+    "colors": {
+      "line": "",
+      "shape": ""
+    },
+    "estimateField": "",
+    "estimateRadius": "",
+    "lowerCiField": "",
+    "upperCiField": "",
+    "shape": "",
+    "rowHeight": 20,
+    "showZeroLine": false,
+    "description": {
+      "show": true,
+      "text": "description",
+      "location": 0
+    },
+    "result": {
+      "show": true,
+      "text": "result",
+      "location": 100
+    },
+    "radius": {
+      "min": 1,
+      "max": 8,
+      "scalingColumn": ""
+    },
+    "regression": {
+      "lower": 0,
+      "upper": 0,
+      "estimateField": 0
+    },
+    "leftWidthOffset": 0,
+    "rightWidthOffset": 0
+  },
+  "area": {
+    "isStacked": false
+  },
+  "datasets": {},
+  "visualizationType": "Combo",
+  "data": [
+    {
+      "Date": "1/15/2022",
+      "New Participants": "90",
+      "Outreach Costs": "252000"
+    },
+    {
+      "Date": "2/15/2022",
+      "New Participants": "150",
+      "Outreach Costs": "410000"
+    },
+    {
+      "Date": "3/15/2022",
+      "New Participants": "80",
+      "Outreach Costs": "275000"
+    },
+    {
+      "Date": "4/15/2022",
+      "New Participants": "146",
+      "Outreach Costs": "480000"
+    },
+    {
+      "Date": "5/15/2022",
+      "New Participants": "70",
+      "Outreach Costs": "160000"
+    },
+    {
+      "Date": "6/15/2022",
+      "New Participants": "100",
+      "Outreach Costs": "190000"
+    },
+    {
+      "Date": "7/15/2022",
+      "New Participants": "132",
+      "Outreach Costs": "380000"
+    },
+    {
+      "Date": "8/15/2022",
+      "New Participants": "75",
+      "Outreach Costs": "170000"
+    },
+    {
+      "Date": "9/15/2022",
+      "New Participants": "120",
+      "Outreach Costs": "368000"
+    }
+  ],
+  "dataFileName": "bar-line-combo-chart3.csv",
+  "dataFileSourceType": "file",
+  "formattedData": [
+    {
+      "Date": "1/15/2022",
+      "New Participants": "90",
+      "Outreach Costs": "252000"
+    },
+    {
+      "Date": "2/15/2022",
+      "New Participants": "150",
+      "Outreach Costs": "410000"
+    },
+    {
+      "Date": "3/15/2022",
+      "New Participants": "80",
+      "Outreach Costs": "275000"
+    },
+    {
+      "Date": "4/15/2022",
+      "New Participants": "146",
+      "Outreach Costs": "480000"
+    },
+    {
+      "Date": "5/15/2022",
+      "New Participants": "70",
+      "Outreach Costs": "160000"
+    },
+    {
+      "Date": "6/15/2022",
+      "New Participants": "100",
+      "Outreach Costs": "190000"
+    },
+    {
+      "Date": "7/15/2022",
+      "New Participants": "132",
+      "Outreach Costs": "380000"
+    },
+    {
+      "Date": "8/15/2022",
+      "New Participants": "75",
+      "Outreach Costs": "170000"
+    },
+    {
+      "Date": "9/15/2022",
+      "New Participants": "120",
+      "Outreach Costs": "368000"
+    }
+  ],
+  "dataDescription": {
+    "horizontal": false,
+    "series": true,
+    "singleRow": true
+  },
+  "validated": 4.23,
+  "dynamicMarginTop": 0
+}