@cdc/chart 4.23.3 → 4.23.5

package/examples/feature/bar/example-bar-chart.json

@@ -0,0 +1,558 @@
+{
+  "type": "chart",
+  "title": "Example Bar Chart",
+  "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",
+  "general": {
+    "showDownloadButton": true
+  },
+  "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": [],
+    "type": "chart",
+    "title": "Example Bar Chart",
+    "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",
+    "general": {
+      "showDownloadButton": true
+    },
+    "padding": {
+      "left": 5,
+      "right": 5
+    },
+    "yAxis": {
+      "hideAxis": false,
+      "displayNumbersOnBar": false,
+      "hideLabel": false,
+      "hideTicks": false,
+      "size": "76",
+      "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": [],
+      "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.6",
+    "barHeight": 25,
+    "barSpace": 15,
+    "heights": {
+      "vertical": 300,
+      "horizontal": 240
+    },
+    "xAxis": {
+      "anchors": [],
+      "type": "categorical",
+      "showTargetLabel": true,
+      "targetLabel": "Target",
+      "hideAxis": false,
+      "hideLabel": false,
+      "hideTicks": false,
+      "size": "59",
+      "tickRotation": 0,
+      "min": "",
+      "max": "",
+      "labelColor": "#333",
+      "tickLabelColor": "#333",
+      "tickColor": "#333",
+      "numTicks": "",
+      "labelOffset": 65,
+      "axisPadding": 0,
+      "target": 0,
+      "dataKey": "Date",
+      "label": "X Axis Example Label"
+    },
+    "table": {
+      "label": "Data Type by Date",
+      "expanded": true,
+      "limitHeight": false,
+      "height": "",
+      "caption": "",
+      "showDownloadUrl": false,
+      "showDataTableLink": true,
+      "indexLabel": "",
+      "showVertical": false,
+      "show": true
+    },
+    "orientation": "horizontal",
+    "color": "pinkpurple",
+    "columns": {},
+    "legend": {
+      "behavior": "isolate",
+      "singleRow": false,
+      "colorCode": "Data 6",
+      "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": "Type of Data"
+    },
+    "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
+    },
+    "confidenceKeys": {},
+    "visual": {
+      "border": true,
+      "accent": true,
+      "background": true
+    },
+    "useLogScale": false,
+    "filterBehavior": "Filter Change",
+    "highlightedBarValues": [],
+    "series": [
+      {
+        "dataKey": "Data 1",
+        "type": "Bar"
+      }
+    ],
+    "height": 300,
+    "data": [
+      {
+        "Date": "1/15/2016",
+        "Data 1": "90",
+        "Data 2": "135",
+        "Data 3": "300",
+        "Data 4": "95",
+        "Data 5": "120",
+        "Data 6": "Bad"
+      },
+      {
+        "Date": "2/15/2016",
+        "Data 1": "40",
+        "Data 2": "90",
+        "Data 3": "240",
+        "Data 4": "60",
+        "Data 5": "160",
+        "Data 6": "Good"
+      },
+      {
+        "Date": "3/15/2016",
+        "Data 1": "50",
+        "Data 2": "300",
+        "Data 3": "290",
+        "Data 4": "100",
+        "Data 5": "200",
+        "Data 6": "Good"
+      },
+      {
+        "Date": "4/15/2016",
+        "Data 1": "120",
+        "Data 2": "160",
+        "Data 3": "230",
+        "Data 4": "180",
+        "Data 5": "160",
+        "Data 6": "Good"
+      },
+      {
+        "Date": "5/15/2016",
+        "Data 1": "80",
+        "Data 2": "350",
+        "Data 3": "300",
+        "Data 4": "150",
+        "Data 5": "130",
+        "Data 6": "Good"
+      },
+      {
+        "Date": "6/15/2016",
+        "Data 1": "80",
+        "Data 2": "220",
+        "Data 3": "320",
+        "Data 4": "100",
+        "Data 5": "220",
+        "Data 6": "ABC"
+      }
+    ],
+    "visualizationType": "Bar",
+    "description": "This example shows a bar chart created in the visualization editor in WCMS",
+    "dataCutoff": "0",
+    "runtime": {
+      "seriesLabels": {
+        "Data 1": "Data 1"
+      },
+      "seriesLabelsAll": [
+        "Data 1"
+      ],
+      "originalXAxis": {
+        "anchors": [],
+        "type": "categorical",
+        "showTargetLabel": true,
+        "targetLabel": "Target",
+        "hideAxis": false,
+        "hideLabel": false,
+        "hideTicks": false,
+        "size": "59",
+        "tickRotation": 0,
+        "min": "",
+        "max": "",
+        "labelColor": "#333",
+        "tickLabelColor": "#333",
+        "tickColor": "#333",
+        "numTicks": "",
+        "labelOffset": 65,
+        "axisPadding": 0,
+        "target": 0,
+        "dataKey": "Date",
+        "label": "X Axis Example Label"
+      },
+      "seriesKeys": [
+        "Data 1"
+      ],
+      "xAxis": {
+        "hideAxis": false,
+        "displayNumbersOnBar": false,
+        "hideLabel": false,
+        "hideTicks": false,
+        "size": "76",
+        "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": [],
+        "label": "Y Axis Example Label"
+      },
+      "yAxis": {
+        "anchors": [],
+        "type": "categorical",
+        "showTargetLabel": true,
+        "targetLabel": "Target",
+        "hideAxis": false,
+        "hideLabel": false,
+        "hideTicks": false,
+        "size": "59",
+        "tickRotation": 0,
+        "min": "",
+        "max": "",
+        "labelColor": "#333",
+        "tickLabelColor": "#333",
+        "tickColor": "#333",
+        "numTicks": "",
+        "labelOffset": 65,
+        "axisPadding": 0,
+        "target": 0,
+        "dataKey": "Date",
+        "label": "X Axis Example Label"
+      },
+      "horizontal": true,
+      "uniqueId": 1684423946652,
+      "editorErrorMessage": ""
+    },
+    "labelPlacement": "Below Bar"
+  },
+  "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.6",
+  "barHeight": 25,
+  "barSpace": 15,
+  "heights": {
+    "vertical": 300,
+    "horizontal": 369.59999999999997
+  },
+  "xAxis": {
+    "anchors": [],
+    "type": "categorical",
+    "showTargetLabel": true,
+    "targetLabel": "Target",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": "59",
+    "tickRotation": 0,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "numTicks": "",
+    "labelOffset": 65,
+    "axisPadding": 0,
+    "target": 0,
+    "dataKey": "Date",
+    "label": "X Axis Example Label"
+  },
+  "table": {
+    "label": "Data Type by Date",
+    "expanded": true,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": false,
+    "showDataTableLink": true,
+    "indexLabel": "",
+    "showVertical": false,
+    "show": true
+  },
+  "orientation": "horizontal",
+  "color": "pinkpurple",
+  "columns": {},
+  "legend": {
+    "behavior": "isolate",
+    "singleRow": false,
+    "colorCode": "Data 6",
+    "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": "Type of Data"
+  },
+  "exclusions": {
+    "active": false,
+    "keys": []
+  },
+  "palette": "qualitative-bold",
+  "isPaletteReversed": false,
+  "twoColor": {
+    "palette": "monochrome-1",
+    "isPaletteReversed": false
+  },
+  "labels": false,
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": " units",
+    "abbreviated": false,
+    "bottomSuffix": "",
+    "bottomPrefix": "",
+    "bottomAbbreviated": false
+  },
+  "confidenceKeys": {},
+  "visual": {
+    "border": true,
+    "accent": true,
+    "background": true
+  },
+  "useLogScale": false,
+  "filterBehavior": "Filter Change",
+  "highlightedBarValues": [],
+  "series": [
+    {
+      "dataKey": "Data 1",
+      "type": "Bar"
+    }
+  ],
+  "height": 300,
+  "data": [
+    {
+      "Date": "1/15/2016",
+      "Data 1": "90",
+      "Data 2": "135",
+      "Data 3": "300",
+      "Data 4": "95",
+      "Data 5": "120",
+      "Data 6": "Bad"
+    },
+    {
+      "Date": "2/15/2016",
+      "Data 1": "40",
+      "Data 2": "90",
+      "Data 3": "240",
+      "Data 4": "60",
+      "Data 5": "160",
+      "Data 6": "Good"
+    },
+    {
+      "Date": "3/15/2016",
+      "Data 1": "50",
+      "Data 2": "300",
+      "Data 3": "290",
+      "Data 4": "100",
+      "Data 5": "200",
+      "Data 6": "Good"
+    },
+    {
+      "Date": "4/15/2016",
+      "Data 1": "120",
+      "Data 2": "160",
+      "Data 3": "230",
+      "Data 4": "180",
+      "Data 5": "160",
+      "Data 6": "Good"
+    },
+    {
+      "Date": "5/15/2016",
+      "Data 1": "80",
+      "Data 2": "350",
+      "Data 3": "300",
+      "Data 4": "150",
+      "Data 5": "130",
+      "Data 6": "Good"
+    },
+    {
+      "Date": "6/15/2016",
+      "Data 1": "80",
+      "Data 2": "220",
+      "Data 3": "320",
+      "Data 4": "100",
+      "Data 5": "220",
+      "Data 6": "ABC"
+    }
+  ],
+  "visualizationType": "Bar",
+  "description": "This example shows a bar chart created in the visualization editor in WCMS",
+  "dataCutoff": "0"
+}

package/examples/{horizontal-chart-max-increase.json → feature/bar/horizontal-chart-max-increase.json}

@@ -1,14 +1,20 @@
 {
   "title": "Planet Radius (Combo Example)",
-  "dataUrl": "/examples/planet-example-data-max-increase.json",
+  "dataUrl": "/examples/feature/__data__/planet-example-data-max-increase.json",
   "animate": true,
   "animateReplay": true,
-
   "visualizationType": "Bar",
   "visualizationSubType": "horizontal",
   "isLollipopChart": false,
   "barHasBorder": "true",
-  "series": [{ "dataKey": "Radius" }, { "dataKey": "Diameter" }],
+  "series": [
+    {
+      "dataKey": "Radius"
+    },
+    {
+      "dataKey": "Diameter"
+    }
+  ],
   "fontSize": "small",
   "dataFormat": {
     "roundTo": 1,
@@ -35,4 +41,4 @@
     "expanded": false
   },
   "lollipopShape": "circle"
-}
+}

package/examples/{horizontal-chart.json → feature/bar/horizontal-chart.json}

@@ -1,14 +1,20 @@
 {
   "title": "Planet Radius (Combo Example)",
-  "dataUrl": "/examples/planet-example-data.json",
+  "dataUrl": "/examples/feature/__data__/planet-example-data.json",
   "animate": true,
   "animateReplay": true,
-
   "visualizationType": "Bar",
   "visualizationSubType": "horizontal",
   "isLollipopChart": false,
   "barHasBorder": "true",
-  "series": [{ "dataKey": "Radius" }, { "dataKey": "Diameter" }],
+  "series": [
+    {
+      "dataKey": "Radius"
+    },
+    {
+      "dataKey": "Diameter"
+    }
+  ],
   "fontSize": "small",
   "dataFormat": {
     "roundTo": 1,
@@ -35,4 +41,4 @@
     "expanded": false
   },
   "lollipopShape": "circle"
-}
+}

package/examples/{horizontal-stacked-bar-chart.json → feature/bar/horizontal-stacked-bar-chart.json}

@@ -1,9 +1,13 @@
 {
   "title": "Planet Radius (Bar Example)",
-  "dataUrl": "/examples/planet-example-data.json",
+  "dataUrl": "/examples/feature/__data__/planet-example-data.json",
   "visualizationType": "Bar",
   "visualizationSubType": "stacked",
-  "series": [{ "dataKey": "Radius" }],
+  "series": [
+    {
+      "dataKey": "Radius"
+    }
+  ],
   "fontSize": "medium",
   "dataCutoff": "0.5",
   "orientation": "horizontal",
@@ -33,4 +37,4 @@
     "expanded": false
   },
   "displayNumbersOnBar": true
-}
+}

package/examples/{planet-chart-horizontal-example-config.json → feature/bar/planet-chart-horizontal-example-config.json}

@@ -1,11 +1,16 @@
 {
   "title": "Planet Radius (Combo Example)",
-  "dataUrl": "/examples/planet-example-data.json",
+  "dataUrl": "/examples/feature/__data__/planet-example-data.json",
   "visualizationType": "Bar",
   "visualizationSubType": "regular",
   "isLollipopChart": true,
   "barHasBorder": "true",
-  "series": [{ "dataKey": "Radius", "type": "Line" }],
+  "series": [
+    {
+      "dataKey": "Radius",
+      "type": "Line"
+    }
+  ],
   "fontSize": "small",
   "dataFormat": {
     "roundTo": 1,
@@ -32,4 +37,4 @@
     "expanded": false
   },
   "lollipopShape": "circle"
-}
+}