@cdc/chart 4.23.2 → 4.23.4

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

@@ -0,0 +1,56 @@
+[
+  {
+    "Date": "01/15/2016",
+    "Data 1": "900",
+    "Data 2": "135",
+    "Data 3": "300",
+    "Data 4": "95",
+    "Data 5": "120",
+    "Data 6": "310"
+  },
+  {
+    "Date": "02/15/2016",
+    "Data 1": "4000",
+    "Data 2": "90",
+    "Data 3": "240",
+    "Data 4": "60",
+    "Data 5": "160",
+    "Data 6": "2000"
+  },
+  {
+    "Date": "03/15/2016",
+    "Data 1": "500",
+    "Data 2": "300",
+    "Data 3": "290",
+    "Data 4": "100",
+    "Data 5": "200",
+    "Data 6": "250"
+  },
+  {
+    "Date": "04/15/2016",
+    "Data 1": "1200",
+    "Data 2": "160",
+    "Data 3": "230",
+    "Data 4": "180",
+    "Data 5": "160",
+    "Data 6": "220"
+  },
+  {
+    "Date": "05/15/2016",
+    "Data 1": "8000",
+    "Data 2": "350",
+    "Data 3": "300",
+    "Data 4": "150",
+    "Data 5": "130",
+    "Data 6": "100"
+  },
+  {
+    "Date": "06/15/2016",
+    "Data 1": "9000",
+    "Data 2": "220",
+    "Data 3": "320",
+    "Data 4": "100",
+    "Data 5": "220",
+    "Data 6": "300"
+  }
+]

package/examples/{planet-example-data.json → feature/__data__/planet-example-data-max-increase.json}

@@ -2,7 +2,7 @@
   {
     "name": "Jupiter",
     "Radius": "10.97",
-    "Diameter": "22",
+    "Diameter": "25.1",
     "distance": "0"
   },
   {
@@ -13,8 +13,8 @@
   },
   {
     "name": "Uranus",
-    "Radius": "-10",
-    "Diameter": "8",
+    "Radius": "-4",
+    "Diameter": "-30",
     "distance": "0"
   },
   {
@@ -53,4 +53,4 @@
     "Diameter": "0.3",
     "distance": "0"
   }
-]
+]

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

@@ -0,0 +1,68 @@
+[
+  {
+    "name": "Jupiter",
+    "Radius": "100",
+    "Diameter": "22",
+    "distance": "0"
+  },
+  {
+    "name": "Saturn",
+    "Radius": "90",
+    "Diameter": "18",
+    "distance": "0"
+  },
+  {
+    "name": "Uranus",
+    "Radius": "100",
+    "Diameter": "8",
+    "distance": "40"
+  },
+  {
+    "name": "Neptune",
+    "Radius": "70",
+    "Diameter": "7",
+    "distance": "0"
+  },
+  {
+    "name": "Earth",
+    "Radius": "60",
+    "Diameter": "2",
+    "distance": "20"
+  },
+  {
+    "name": "Earth",
+    "Radius": "60",
+    "Diameter": "2",
+    "distance": "40"
+  },
+  {
+    "name": "Earth",
+    "Radius": "60",
+    "Diameter": "2",
+    "distance": "60"
+  },
+  {
+    "name": "Venus",
+    "Radius": "50",
+    "Diameter": "2",
+    "distance": "0"
+  },
+  {
+    "name": "Mars",
+    "Radius": "-40",
+    "Diameter": "1",
+    "distance": "0"
+  },
+  {
+    "name": "Mercury",
+    "Radius": "30",
+    "Diameter": "0.7",
+    "distance": "0"
+  },
+  {
+    "name": "Pluto",
+    "Radius": "20",
+    "Diameter": "0.3",
+    "distance": "0"
+  }
+]

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

@@ -0,0 +1,244 @@
+{
+  "type": "chart",
+  "title": "Example Area Chart",
+  "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",
+  "padding": {
+    "left": 5,
+    "right": 5
+  },
+  "yAxis": {
+    "hideAxis": false,
+    "displayNumbersOnBar": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": "150",
+    "gridLines": false,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "rightHideAxis": true,
+    "rightAxisSize": 0,
+    "rightLabelOffsetSize": 0,
+    "rightAxisLabelColor": "#333",
+    "rightAxisTickLabelColor": "#333",
+    "rightAxisTickColor": "#333",
+    "isLegendValue": false,
+    "numTicks": "",
+    "label": "Y Axis Example Label"
+  },
+  "topAxis": {
+    "hasLine": false
+  },
+  "dataDescription": {
+    "horizontal": false,
+    "series": false
+  },
+  "dataFileName": "valid-area-chart.json",
+  "dataFileSourceType": "file",
+  "filterBehavior": "dropdown",
+  "formattedData": [
+    {
+      "Data 1": "900",
+      "Data 2": "135",
+      "Data 3": "300",
+      "Data 4": "95",
+      "Data 5": "120",
+      "Data 6": "310",
+      "Date": "1/15/2016"
+    },
+    {
+      "Data 1": "4000",
+      "Data 2": "90",
+      "Data 3": "240",
+      "Data 4": "60",
+      "Data 5": "160",
+      "Data 6": "2000",
+      "Date": "2/15/2016"
+    },
+    {
+      "Data 1": "500",
+      "Data 2": "300",
+      "Data 3": "290",
+      "Data 4": "100",
+      "Data 5": "200",
+      "Data 6": "250",
+      "Date": "3/15/2016"
+    },
+    {
+      "Data 1": "1200",
+      "Data 2": "160",
+      "Data 3": "230",
+      "Data 4": "180",
+      "Data 5": "160",
+      "Data 6": "220",
+      "Date": "4/15/2016"
+    },
+    {
+      "Data 1": "8000",
+      "Data 2": "350",
+      "Data 3": "300",
+      "Data 4": "150",
+      "Data 5": "130",
+      "Data 6": "100",
+      "Date": "5/15/2016"
+    },
+    {
+      "Data 1": "9000",
+      "Data 2": "220",
+      "Data 3": "320",
+      "Data 4": "100",
+      "Data 5": "220",
+      "Data 6": "300",
+      "Date": "6/15/2016"
+    }
+  ],
+  "heights": {
+    "horizontal": 750,
+    "vertical": 300
+  },
+  "barHeight": 25,
+  "barSpace": 20,
+  "height": 300,
+  "xAxis": {
+    "type": "date",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": "50",
+    "tickRotation": 0,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "isLegendValue": false,
+    "numTicks": "9",
+    "dataKey": "Date",
+    "label": "X Axis Example Label",
+    "dateParseFormat": "%m/%d/%Y",
+    "dateDisplayFormat": "%m/%d/%Y"
+  },
+  "table": {
+    "label": "Data Type by Date",
+    "expanded": false,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": true,
+    "show": true,
+    "download": true
+  },
+  "orientation": "vertical",
+  "legend": {
+    "behavior": "isolate",
+    "position": "right",
+    "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",
+    "label": "Type of Data"
+  },
+  "exclusions": {
+    "active": true,
+    "keys": []
+  },
+  "palette": "qualitative-bold",
+  "isPaletteReversed": false,
+  "labels": false,
+  "dataFormat": {
+    "abbreviated": true,
+    "commas": true,
+    "prefix": "",
+    "suffix": " units",
+    "useFormat": true
+  },
+  "confidenceKeys": {},
+  "visual": {
+    "border": true,
+    "accent": true,
+    "background": true
+  },
+  "data": [
+    {
+      "Date": "01/15/2016",
+      "Data 1": "900",
+      "Data 2": "135",
+      "Data 3": "300",
+      "Data 4": "95",
+      "Data 5": "120",
+      "Data 6": "310"
+    },
+    {
+      "Date": "02/15/2016",
+      "Data 1": "4000",
+      "Data 2": "90",
+      "Data 3": "240",
+      "Data 4": "60",
+      "Data 5": "160",
+      "Data 6": "2000"
+    },
+    {
+      "Date": "03/15/2016",
+      "Data 1": "500",
+      "Data 2": "300",
+      "Data 3": "290",
+      "Data 4": "100",
+      "Data 5": "200",
+      "Data 6": "250"
+    },
+    {
+      "Date": "04/15/2016",
+      "Data 1": "1200",
+      "Data 2": "160",
+      "Data 3": "230",
+      "Data 4": "180",
+      "Data 5": "160",
+      "Data 6": "220"
+    },
+    {
+      "Date": "05/15/2016",
+      "Data 1": "8000",
+      "Data 2": "350",
+      "Data 3": "300",
+      "Data 4": "150",
+      "Data 5": "130",
+      "Data 6": "100"
+    },
+    {
+      "Date": "06/15/2016",
+      "Data 1": "9000",
+      "Data 2": "220",
+      "Data 3": "320",
+      "Data 4": "100",
+      "Data 5": "220",
+      "Data 6": "300"
+    }
+  ],
+  "visualizationType": "Area Chart",
+  "series": [
+    {
+      "dataKey": "Data 1",
+      "type": "Area Chart"
+    }
+  ],
+  "description": "This example shows a bar chart created in the visualization editor in WCMS",
+  "dataCutoff": "0"
+}

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

@@ -26,7 +26,10 @@
   "series": [
     { "dataKey": "Data 1", "type": "Bar" },
     { "dataKey": "Data 2", "type": "Bar" },
-    { "dataKey": "Data 3", "type": "Bar" }
+    { "dataKey": "Data 3", "type": "Bar" },
+    { "dataKey": "Data 4", "type": "Bar" },
+    { "dataKey": "Data 5", "type": "Bar" },
+    { "dataKey": "Data 6", "type": "Bar" }
   ],
   "description": "This example shows a bar chart created in the visualization editor in WCMS",
   "dataCutoff": "0"

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

@@ -0,0 +1,44 @@
+{
+  "title": "Planet Radius (Combo Example)",
+  "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"
+    }
+  ],
+  "fontSize": "small",
+  "dataFormat": {
+    "roundTo": 1,
+    "commas": false,
+    "prefix": "",
+    "suffix": "km"
+  },
+  "padding": {
+    "left": 0,
+    "right": 0
+  },
+  "yAxis": {
+    "label": "Measurement (1000km)",
+    "displayNumbersOnBar": false,
+    "labelPlacement": "On Date/Category Axis"
+  },
+  "xAxis": {
+    "label": "Planet",
+    "dataKey": "name",
+    "size": 75
+  },
+  "table": {
+    "label": "Data Table",
+    "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"
-}
+}

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

@@ -0,0 +1,156 @@
+{
+  "type": "chart",
+  "title": "Planet Radius (Bar Example)",
+  "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",
+  "padding": {
+    "left": 5,
+    "right": 5
+  },
+  "yAxis": {
+    "hideAxis": false,
+    "displayNumbersOnBar": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 50,
+    "gridLines": false,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "rightHideAxis": true,
+    "rightAxisSize": 50,
+    "rightLabel": "testing",
+    "rightLabelOffsetSize": 0,
+    "rightAxisLabelColor": "#333",
+    "rightAxisTickLabelColor": "#333",
+    "rightAxisTickColor": "#333",
+    "numTicks": "11",
+    "axisPadding": 0,
+    "tickRotation": 0,
+    "label": "Measurement (1000km)",
+    "rightSeries": "Diameter"
+  },
+  "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": false
+  },
+  "isLegendValue": false,
+  "barThickness": 0.35,
+  "barHeight": 25,
+  "barSpace": 15,
+  "heights": {
+    "vertical": 300,
+    "horizontal": 405
+  },
+  "xAxis": {
+    "type": "categorical",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 75,
+    "tickRotation": "0",
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "numTicks": "",
+    "labelOffset": 65,
+    "axisPadding": 0,
+    "label": "Planet",
+    "dataKey": "name"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": false,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": false,
+    "show": true
+  },
+  "orientation": "horizontal",
+  "legend": {
+    "behavior": "isolate",
+    "position": "right",
+    "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",
+    "hide": false
+  },
+  "exclusions": {
+    "active": false,
+    "keys": []
+  },
+  "palette": "qualitative-bold",
+  "isPaletteReversed": false,
+  "labels": false,
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": "km",
+    "abbreviated": false,
+    "roundTo": 1
+  },
+  "confidenceKeys": {},
+  "visual": {
+    "border": true,
+    "accent": true,
+    "background": true
+  },
+  "dataUrl": "/examples/feature/__data__/planet-example-data.json",
+  "visualizationType": "Deviation Bar",
+  "series": [
+    {
+      "dataKey": "Radius",
+      "type": "Deviation Bar",
+      "axis": "Left"
+    }
+  ],
+  "dataCutoff": "0.5"
+}