@cdc/chart 1.3.4 → 4.22.11

package/examples/private/yaxis-test.json

@@ -0,0 +1,133 @@
+{
+  "type": "chart",
+  "title": "Combo Chart (With Right Axis)",
+  "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,
+    "gridLines": false,
+    "min": "",
+    "max": "",
+    "rightHideAxis": false,
+    "rightAxisSize": "88",
+    "rightLabelOffsetSize": "80",
+    "label": "Left Axis (Value)",
+    "rightSeries": "tot_tests_18_older",
+    "rightLabel": "Right Axis (Value)",
+    "rightHideLabel": false,
+    "rightHideTicks": false,
+    "rightNumTicks": "6",
+    "rightAxisLabelColor": "purple",
+    "rightAxisTickLabelColor": "purple",
+    "rightAxisTickColor": "purple",
+    "labelColor": "orange",
+    "tickLabelColor": "orange",
+    "tickColor": "orange"
+  },
+  "topAxis": {
+    "hasLine": true
+  },
+  "barThickness": 0.35,
+  "barHeight": 25,
+  "height": 300,
+  "xAxis": {
+    "type": "date",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": "100",
+    "tickRotation": 30,
+    "min": "",
+    "max": "",
+    "label": "Date/Category Axis",
+    "dataKey": "week",
+    "dateParseFormat": "%m/%d/%Y",
+    "dateDisplayFormat": "%m/%d/%Y",
+    "labelColor": "blue",
+    "tickLabelColor": "blue",
+    "tickColor": "blue"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": false,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "show": true
+  },
+  "orientation": "vertical",
+  "legend": {
+    "behavior": "isolate",
+    "position": "right",
+    "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": "",
+    "roundTo": "0"
+  },
+  "confidenceKeys": {},
+  "visual": {
+    "border": true,
+    "accent": true,
+    "background": true
+  },
+  "dataUrl": "/examples/private/yaxis.json",
+  "visualizationType": "Combo",
+  "series": [
+    {
+      "dataKey": "tot_tests_0_12",
+      "type": "Bar",
+      "axis": "Left"
+    },
+    {
+      "dataKey": "tot_tests_13_17",
+      "type": "Bar",
+      "axis": "Left"
+    },
+    {
+      "dataKey": "tot_tests_18_older",
+      "type": "Line",
+      "axis": "Left"
+    },
+    {
+      "dataKey": "0_12_positivity_rate",
+      "type": "Line",
+      "axis": "Right"
+    }
+  ],
+  "dataCutoff": "0.5"
+}

package/examples/private/yaxis-testing.csv

@@ -0,0 +1,27 @@
+week,tot_tests_0_12,tot_tests_13_17,tot_tests_18_older,0_12_positivity_rate,13_17_positivity_rate,18_older_positivity_rate
+5/21/2022,0,0,3,,,100
+5/28/2022,0,0,31,,,33.3
+6/4/2022,7,0,53,0,,34
+6/11/2022,3,0,128,0,,23.5
+6/18/2022,3,0,153,0,,38.8
+6/25/2022,10,0,232,0,,43.4
+7/2/2022,16,5,530,8.3,20,53
+7/9/2022,14,3,734,7.1,0,53.6
+7/16/2022,38,20,2442,2.9,0,58.3
+7/23/2022,74,21,2962,4.2,5,54
+7/30/2022,215,72,4032,0.5,0,47.2
+8/6/2022,339,131,5236,0.6,0,36.6
+8/13/2022,590,153,6540,0.8,0,30.3
+8/20/2022,717,240,7696,1.8,5.5,28.5
+8/27/2022,548,202,5488,0.6,3.3,27.4
+9/3/2022,566,152,4612,0.2,2.1,26
+9/10/2022,432,139,3399,0.3,2.4,24.2
+9/17/2022,350,119,3065,1.3,2.9,25.8
+9/24/2022,307,102,2648,0,5.6,26.9
+10/1/2022,222,84,2002,0,6.8,24.9
+10/8/2022,143,59,1645,0,3.9,24.3
+10/15/2022,151,71,1528,0.8,0,27.1
+10/22/2022,106,48,1156,3.5,0,25.6
+10/29/2022,80,38,969,1.3,5.4,21
+11/5/2022,80,33,912,5.9,0,19
+11/12/2022,25,7,266,17.4,0,18.9

package/examples/private/yaxis.json

@@ -0,0 +1,28 @@
+[
+  { "week": "5/21/2022", "tot_tests_0_12": "0", "tot_tests_13_17": "0", "tot_tests_18_older": "3", "0_12_positivity_rate": "", "13_17_positivity_rate": "", "18_older_positivity_rate": "100" },
+  { "week": "5/28/2022", "tot_tests_0_12": "0", "tot_tests_13_17": "0", "tot_tests_18_older": "31", "0_12_positivity_rate": "", "13_17_positivity_rate": "", "18_older_positivity_rate": "33.3" },
+  { "week": "6/4/2022", "tot_tests_0_12": "7", "tot_tests_13_17": "0", "tot_tests_18_older": "53", "0_12_positivity_rate": "0", "13_17_positivity_rate": "", "18_older_positivity_rate": "34" },
+  { "week": "6/11/2022", "tot_tests_0_12": "3", "tot_tests_13_17": "0", "tot_tests_18_older": "128", "0_12_positivity_rate": "0", "13_17_positivity_rate": "", "18_older_positivity_rate": "23.5" },
+  { "week": "6/18/2022", "tot_tests_0_12": "3", "tot_tests_13_17": "0", "tot_tests_18_older": "153", "0_12_positivity_rate": "0", "13_17_positivity_rate": "", "18_older_positivity_rate": "38.8" },
+  { "week": "6/25/2022", "tot_tests_0_12": "10", "tot_tests_13_17": "0", "tot_tests_18_older": "232", "0_12_positivity_rate": "0", "13_17_positivity_rate": "", "18_older_positivity_rate": "43.4" },
+  { "week": "7/2/2022", "tot_tests_0_12": "16", "tot_tests_13_17": "5", "tot_tests_18_older": "530", "0_12_positivity_rate": "8.3", "13_17_positivity_rate": "20", "18_older_positivity_rate": "53" },
+  { "week": "7/9/2022", "tot_tests_0_12": "14", "tot_tests_13_17": "3", "tot_tests_18_older": "734", "0_12_positivity_rate": "7.1", "13_17_positivity_rate": "0", "18_older_positivity_rate": "53.6" },
+  { "week": "7/16/2022", "tot_tests_0_12": "38", "tot_tests_13_17": "20", "tot_tests_18_older": "2442", "0_12_positivity_rate": "2.9", "13_17_positivity_rate": "0", "18_older_positivity_rate": "58.3" },
+  { "week": "7/23/2022", "tot_tests_0_12": "74", "tot_tests_13_17": "21", "tot_tests_18_older": "2962", "0_12_positivity_rate": "4.2", "13_17_positivity_rate": "5", "18_older_positivity_rate": "54" },
+  { "week": "7/30/2022", "tot_tests_0_12": "215", "tot_tests_13_17": "72", "tot_tests_18_older": "4032", "0_12_positivity_rate": "0.5", "13_17_positivity_rate": "0", "18_older_positivity_rate": "47.2" },
+  { "week": "8/6/2022", "tot_tests_0_12": "339", "tot_tests_13_17": "131", "tot_tests_18_older": "5236", "0_12_positivity_rate": "0.6", "13_17_positivity_rate": "0", "18_older_positivity_rate": "36.6" },
+  { "week": "8/13/2022", "tot_tests_0_12": "590", "tot_tests_13_17": "153", "tot_tests_18_older": "6540", "0_12_positivity_rate": "0.8", "13_17_positivity_rate": "0", "18_older_positivity_rate": "30.3" },
+  { "week": "8/20/2022", "tot_tests_0_12": "717", "tot_tests_13_17": "240", "tot_tests_18_older": "7696", "0_12_positivity_rate": "1.8", "13_17_positivity_rate": "5.5", "18_older_positivity_rate": "28.5" },
+  { "week": "8/27/2022", "tot_tests_0_12": "548", "tot_tests_13_17": "202", "tot_tests_18_older": "5488", "0_12_positivity_rate": "0.6", "13_17_positivity_rate": "3.3", "18_older_positivity_rate": "27.4" },
+  { "week": "9/3/2022", "tot_tests_0_12": "566", "tot_tests_13_17": "152", "tot_tests_18_older": "4612", "0_12_positivity_rate": "0.2", "13_17_positivity_rate": "2.1", "18_older_positivity_rate": "26" },
+  { "week": "9/10/2022", "tot_tests_0_12": "432", "tot_tests_13_17": "139", "tot_tests_18_older": "3399", "0_12_positivity_rate": "0.3", "13_17_positivity_rate": "2.4", "18_older_positivity_rate": "24.2" },
+  { "week": "9/17/2022", "tot_tests_0_12": "350", "tot_tests_13_17": "119", "tot_tests_18_older": "3065", "0_12_positivity_rate": "1.3", "13_17_positivity_rate": "2.9", "18_older_positivity_rate": "25.8" },
+  { "week": "9/24/2022", "tot_tests_0_12": "307", "tot_tests_13_17": "102", "tot_tests_18_older": "2648", "0_12_positivity_rate": "0", "13_17_positivity_rate": "5.6", "18_older_positivity_rate": "26.9" },
+  { "week": "10/1/2022", "tot_tests_0_12": "222", "tot_tests_13_17": "84", "tot_tests_18_older": "2002", "0_12_positivity_rate": "0", "13_17_positivity_rate": "6.8", "18_older_positivity_rate": "24.9" },
+  { "week": "10/8/2022", "tot_tests_0_12": "143", "tot_tests_13_17": "59", "tot_tests_18_older": "1645", "0_12_positivity_rate": "0", "13_17_positivity_rate": "3.9", "18_older_positivity_rate": "24.3" },
+  { "week": "10/15/2022", "tot_tests_0_12": "151", "tot_tests_13_17": "71", "tot_tests_18_older": "1528", "0_12_positivity_rate": "0.8", "13_17_positivity_rate": "0", "18_older_positivity_rate": "27.1" },
+  { "week": "10/22/2022", "tot_tests_0_12": "106", "tot_tests_13_17": "48", "tot_tests_18_older": "1156", "0_12_positivity_rate": "3.5", "13_17_positivity_rate": "0", "18_older_positivity_rate": "25.6" },
+  { "week": "10/29/2022", "tot_tests_0_12": "80", "tot_tests_13_17": "38", "tot_tests_18_older": "969", "0_12_positivity_rate": "1.3", "13_17_positivity_rate": "5.4", "18_older_positivity_rate": "21" },
+  { "week": "11/5/2022", "tot_tests_0_12": "80", "tot_tests_13_17": "33", "tot_tests_18_older": "912", "0_12_positivity_rate": "5.9", "13_17_positivity_rate": "0", "18_older_positivity_rate": "19" },
+  { "week": "11/12/2022", "tot_tests_0_12": "25", "tot_tests_13_17": "7", "tot_tests_18_older": "266", "0_12_positivity_rate": "17.4", "13_17_positivity_rate": "0", "18_older_positivity_rate": "18.9" }
+]

package/examples/stacked-vertical-bar-example.json

@@ -0,0 +1,228 @@
+{
+  "title": "Example Stacked Vertical",
+  "visualizationType": "Bar",
+  "visualizationSubType": "stacked",
+  "orientation": "vertical",
+  "animate": true,
+  "animateReplay": true,
+  "yAxis": {
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 50,
+    "gridLines": false
+  },
+  "barThickness": 0.35,
+  "height": 300,
+  "xAxis": {
+    "type": "categorical",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 75,
+    "tickRotation": 0,
+    "dataKey": "Date"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": true,
+    "show": true
+  },
+  "legend": {
+    "behavior": "isolate",
+    "position": "right",
+    "reverseLabelOrder": false
+  },
+  "series": [
+    {
+      "dataKey": "Data 1",
+      "type": "Bar"
+    },
+    {
+      "dataKey": "Data 2",
+      "type": "Bar"
+    }
+  ],
+  "data": [
+    {
+      "Date": "1/15/2016",
+      "Data 1": "90",
+      "Data 2": "135",
+      "Data 3": "300",
+      "Data 4": "95",
+      "Data 5": "120",
+      "Data 6": "310",
+      "Data 7": "40",
+      "Data 8": "90",
+      "Data 9": "240",
+      "Data 10": "60",
+      "Data 11": "160",
+      "Data 12": "200"
+    },
+    {
+      "Date": "2/15/2016",
+      "Data 1": "40",
+      "Data 2": "90",
+      "Data 3": "240",
+      "Data 4": "60",
+      "Data 5": "160",
+      "Data 6": "200",
+      "Data 7": "40",
+      "Data 8": "90",
+      "Data 9": "240",
+      "Data 10": "60",
+      "Data 11": "160",
+      "Data 12": "200"
+    },
+    {
+      "Date": "3/15/2016",
+      "Data 1": "50",
+      "Data 2": "300",
+      "Data 3": "290",
+      "Data 4": "100",
+      "Data 5": "200",
+      "Data 6": "250",
+      "Data 7": "80",
+      "Data 8": "350",
+      "Data 9": "300",
+      "Data 10": "150",
+      "Data 11": "130",
+      "Data 12": "100"
+    },
+    {
+      "Date": "4/15/2016",
+      "Data 1": "120",
+      "Data 2": "160",
+      "Data 3": "230",
+      "Data 4": "180",
+      "Data 5": "160",
+      "Data 6": "220",
+      "Data 7": "40",
+      "Data 8": "90",
+      "Data 9": "240",
+      "Data 10": "60",
+      "Data 11": "160",
+      "Data 12": "200"
+    },
+    {
+      "Date": "5/15/2016",
+      "Data 1": "80",
+      "Data 2": "350",
+      "Data 3": "300",
+      "Data 4": "150",
+      "Data 5": "130",
+      "Data 6": "100",
+      "Data 7": "120",
+      "Data 8": "160",
+      "Data 9": "230",
+      "Data 10": "180",
+      "Data 11": "160",
+      "Data 12": "220"
+    },
+    {
+      "Date": "6/15/2016",
+      "Data 1": "90",
+      "Data 2": "220",
+      "Data 3": "320",
+      "Data 4": "100",
+      "Data 5": "220",
+      "Data 6": "300",
+      "Data 7": "40",
+      "Data 8": "90",
+      "Data 9": "240",
+      "Data 10": "60",
+      "Data 11": "160",
+      "Data 12": "200"
+    },
+    {
+      "Date": "7/15/2016",
+      "Data 1": "120",
+      "Data 2": "160",
+      "Data 3": "230",
+      "Data 4": "180",
+      "Data 5": "160",
+      "Data 6": "220",
+      "Data 7": "80",
+      "Data 8": "350",
+      "Data 9": "300",
+      "Data 10": "150",
+      "Data 11": "130",
+      "Data 12": "100"
+    },
+    {
+      "Date": "8/15/2016",
+      "Data 1": "40",
+      "Data 2": "90",
+      "Data 3": "240",
+      "Data 4": "60",
+      "Data 5": "160",
+      "Data 6": "200",
+      "Data 7": "90",
+      "Data 8": "135",
+      "Data 9": "300",
+      "Data 10": "95",
+      "Data 11": "120",
+      "Data 12": "310"
+    },
+    {
+      "Date": "9/15/2016",
+      "Data 1": "80",
+      "Data 2": "350",
+      "Data 3": "300",
+      "Data 4": "150",
+      "Data 5": "130",
+      "Data 6": "100",
+      "Data 7": "40",
+      "Data 8": "90",
+      "Data 9": "240",
+      "Data 10": "60",
+      "Data 11": "160",
+      "Data 12": "200"
+    },
+    {
+      "Date": "10/15/2016",
+      "Data 1": "80",
+      "Data 2": "350",
+      "Data 3": "300",
+      "Data 4": "150",
+      "Data 5": "130",
+      "Data 6": "100",
+      "Data 7": "90",
+      "Data 8": "135",
+      "Data 9": "300",
+      "Data 10": "95",
+      "Data 11": "120",
+      "Data 12": "310"
+    },
+    {
+      "Date": "11/15/2016",
+      "Data 1": "90",
+      "Data 2": "135",
+      "Data 3": "300",
+      "Data 4": "95",
+      "Data 5": "120",
+      "Data 6": "310",
+      "Data 7": "120",
+      "Data 8": "160",
+      "Data 9": "230",
+      "Data 10": "180",
+      "Data 11": "160",
+      "Data 12": "120"
+    },
+    {
+      "Date": "12/15/2016",
+      "Data 1": "120",
+      "Data 2": "160",
+      "Data 3": "230",
+      "Data 4": "180",
+      "Data 5": "160",
+      "Data 6": "220",
+      "Data 7": "40",
+      "Data 8": "90",
+      "Data 9": "240",
+      "Data 10": "60",
+      "Data 11": "160",
+      "Data 12": "200"
+    }
+  ]
+}

package/examples/temp-example-config.json

@@ -1,57 +1,64 @@
 {
-    "title": "Average Temperature By City (Line Example)",
-    "description": "<p>Average temperature from October 1st through August 29th in:</p><ul><li>New York</li><li>San Francisco</li><li>Austin</li></ul>",
-    "dataUrl":  "/examples/temp-example-data.json",
-    "visualizationType": "Line",
-    "series": [{"dataKey": "New York", "label": "NY"}, {"dataKey": "San Francisco", "label": "SF"}, {"dataKey":"Austin", "label": "AU"}],
-    "filters":[{
-        "label": "Wind",
-        "columnName": "wind"
-    },{
-        "label": "Humidity",
-        "columnName": "humidity"
-    }],
-    "seriesLabel": "City",
-    "fontSize": "large",
-    "dataFormat": {
-        "commas": false,
-        "prefix": "",
-        "suffix": "°"
+  "title": "Average Temperature By City (Line Example)",
+  "description": "<p>Average temperature from October 1st through August 29th in:</p><ul><li>New York</li><li>San Francisco</li><li>Austin</li></ul>",
+  "dataUrl": "/examples/temp-example-data.json",
+  "visualizationType": "Line",
+  "series": [
+    { "dataKey": "New York", "label": "NY" },
+    { "dataKey": "San Francisco", "label": "SF" },
+    { "dataKey": "Austin", "label": "AU" }
+  ],
+  "filters": [
+    {
+      "label": "Wind",
+      "columnName": "wind"
     },
-    "padding": {
-        "left": 15,
-        "right": 15
-    },
-    "yAxis": {
-        "label": "Temperature",
-        "paddingPercent": 0.15
-    },
-    "xAxis": {
-        "label": "Date",
-        "dataKey": "date",
-        "type": "date",
-        "dateParseFormat": "%Y-%m-%d",
-        "dateDisplayFormat": "%b %d",
-        "numTicks": 8,
-        "tickRotation": 50
-    },
-    "legend": {
-        "label": "Legend",
-        "above": true,
-        "left": true
-    },
-    "table": {
-        "label": "Data Table",
-        "expanded": false,
-        "download": true
-    },
-    "regions": [
-        {
-            "label": "Region",
-            "color": "black",
-            "background": "green",
-            "from": "2011-10-02",
-            "to": "2011-10-03"
-        }
-    ]
+    {
+      "label": "Humidity",
+      "columnName": "humidity"
+    }
+  ],
+  "seriesLabel": "City",
+  "fontSize": "large",
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": "°"
+  },
+  "padding": {
+    "left": 15,
+    "right": 15
+  },
+  "yAxis": {
+    "label": "Temperature",
+    "paddingPercent": 0.15
+  },
+  "xAxis": {
+    "label": "Date",
+    "dataKey": "date",
+    "type": "date",
+    "dateParseFormat": "%Y-%m-%d",
+    "dateDisplayFormat": "%b %d",
+    "numTicks": 8,
+    "tickRotation": 50
+  },
+  "legend": {
+    "label": "Legend",
+    "above": true,
+    "left": true
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": false,
+    "download": true
+  },
+  "regions": [
+    {
+      "label": "Region",
+      "color": "black",
+      "background": "green",
+      "from": "2011-10-02",
+      "to": "2011-10-03"
+    }
+  ]
 }

package/examples/temp-example-data.json

@@ -127,4 +127,4 @@
     "wind": "Don't Include Wind",
     "humidity": "Don't Include Humidiy"
   }
-]
+]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdc/chart",
-  "version": "1.3.4",
+  "version": "4.22.11",
   "description": "React component for visualizing tabular data in various types of charts",
   "main": "dist/cdcchart",
   "scripts": {
@@ -50,5 +50,5 @@
   "resolutions": {
     "@types/react": "17.x"
   },
-  "gitHead": "ff89a7aea74c533413c62ef8859cc011e6b3cbfa"
+  "gitHead": "9768d1ea0e2383044977d988e33531bcdfe33ea6"
 }