@cdc/chart 1.3.1 → 1.3.3

package/examples/covid-confidence-example-config.json

@@ -0,0 +1,35 @@
+{
+    "title": "Confidence Age-adjusted COVID-19-associated hospitalization rates by race and ethnicity — COVID-NET, March 1–December 26, 2020",
+    "dataUrl":  "/examples/covid-example-data-confidence.json",
+    "visualizationType": "Bar",
+    "fontSize": "small",
+    "series": [{"dataKey": "Age-adjusted rate", "label": "Rate"}],
+    "confidenceKeys": {
+        "lower": "Lower",
+        "upper": "Upper"
+    },
+    "dataFormat": {
+        "commas": false,
+        "prefix": "Lorem",
+        "suffix": "Suffix"
+    },
+    "padding": {
+        "left": 10,
+        "right": 10
+    },
+    "yAxis": {
+        "dataKey": "Age-adjusted rate",
+        "gridLines": true,
+        "numTicks": 3,
+        "size": 80
+    },
+    "xAxis": {
+        "dataKey": "Race",
+        "tickRotation": 20,
+        "size": 130
+    },
+    "table": {
+        "label": "Age-adjusted COVID-19-associated hospitalization rates by race and ethnicity",
+        "expanded": true
+    }
+}

package/examples/covid-example-config.json

@@ -0,0 +1,36 @@
+{
+    "title": "Non Configdence Age-adjusted COVID-19-associated hospitalization rates by race and ethnicity — COVID-NET, March 1–December 26, 2020",
+    "theme": "theme-brown",
+    "dataUrl":  "/examples/covid-example-data.json",
+    "visualizationType": "Bar",
+    "visualizationSubType": "horizontal",
+    "series": [{"dataKey": "Age-adjusted rate"}],
+    "barThickness": 0.3,
+    "height": 300,
+    "dataFormat": {
+        "commas": false,
+        "prefix": "",
+        "suffix": ""
+    },
+    "padding": {
+        "left": 10,
+        "right": 10
+    },
+    "yAxis": {
+        "gridLines": false,
+        "numTicks": 3
+    },
+    "xAxis": {
+        "dataKey": "Race",
+        "size": 20,
+        "wrap": true
+    },
+    "legend": {
+        "hide": true
+    },
+    "table": {
+        "label": "Age-adjusted COVID-19-associated hospitalization rates by race and ethnicity",
+        "expanded": true,
+        "download": true
+    }
+}

package/examples/covid-example-data-confidence.json

@@ -0,0 +1,32 @@
+[
+    {
+        "Race": "Hispanic or Latino",
+        "Age-adjusted rate": "644000.2",
+        "Lower": "640000.2",
+        "Upper": "650000.2"
+    },
+    {
+        "Race": "Non-Hispanic Black",
+        "Age-adjusted rate": "563000.7",
+        "Lower": "560000.2",
+        "Upper": "570000.2"
+    },
+    {
+        "Race": "Non-Hispanic Asian or Pacific Islander",
+        "Age-adjusted rate": "202000.5",
+        "Lower": "200000.2",
+        "Upper": "210000.2"
+    },
+    {
+        "Race": "Non-Hispanic American Indian or Alaska Native",
+        "Age-adjusted rate": "636000.1",
+        "Lower": "630000.2",
+        "Upper": "740000.2"
+    },
+    {
+        "Race": "Non-Hispanic White",
+        "Age-adjusted rate": "183000.6",
+        "Lower": "180000.2",
+        "Upper": "190000.2"
+    }
+]

package/examples/covid-example-data.json

@@ -0,0 +1,22 @@
+[
+    {
+        "Race": "Hispanic or Latino",
+        "Age-adjusted rate": "644.2"
+    },
+    {
+        "Race": "Non-Hispanic American Indian",
+        "Age-adjusted rate": "636.1"
+    },
+    {
+        "Race": "Non-Hispanic Black",
+        "Age-adjusted rate": "563.7"
+    },
+    {
+        "Race": "Non-Hispanic Asian or Pacific Islander",
+        "Age-adjusted rate": "202.5"
+    },
+    {
+        "Race": "Non-Hispanic White",
+        "Age-adjusted rate": "183.6"
+    }
+]

package/examples/cutoff-example-config.json

@@ -0,0 +1,36 @@
+{
+    "title": "Data Cutoff Example (< 0.1)",
+    "theme": "theme-blue",
+    "dataUrl":  "/examples/cutoff-example-data.json",
+    "visualizationType": "Line",
+    "series": [{"dataKey": "Value"}],
+    "barThickness": 0.3,
+    "height": 300,
+    "dataCutoff": "0.1",
+    "dataFormat": {
+        "commas": false,
+        "prefix": "",
+        "suffix": ""
+    },
+    "padding": {
+        "left": 10,
+        "right": 10
+    },
+    "yAxis": {
+        "label": "Value",
+        "gridLines": false,
+        "size": 70
+    },
+    "xAxis": {
+        "label": "Category",
+        "dataKey": "Category"
+    },
+    "legend": {
+        "hide": true
+    },
+    "table": {
+        "label": "Data Table",
+        "expanded": true,
+        "download": true
+    }
+}

package/examples/cutoff-example-data.json

@@ -0,0 +1,38 @@
+[
+    {
+        "Category": "Category 1",
+        "Value": "0.05"
+    },
+    {
+        "Category": "Category 2",
+        "Value": "0.1"
+    },
+    {
+        "Category": "Category 3",
+        "Value": "0.2"
+    },
+    {
+        "Category": "Category 4",
+        "Value": "0.4"
+    },
+    {
+        "Category": "Category 5",
+        "Value": "0.3"
+    },
+    {
+        "Category": "Category 6",
+        "Value": "0.03"
+    },
+    {
+        "Category": "Category 7",
+        "Value": "0.5"
+    },
+    {
+        "Category": "Category 8",
+        "Value": "0.5"
+    },
+    {
+        "Category": "Category 9",
+        "Value": "0.08"
+    }
+]

package/examples/date-exclusions-config.json

@@ -0,0 +1,62 @@
+{
+  "title": "",
+  "dataUrl":  "/examples/date-exclusions-data.json",
+  "type": "chart",
+  "theme": "theme-blue",
+  "fontSize": "medium",
+  "lineDatapointStyle": "hover",
+  "barHasBorder": "false",
+  "padding": {
+    "left": 5,
+    "right": 5
+  },
+  "yAxis": {
+    "size": 50,
+    "gridLines": false
+  },
+  "barThickness": 0.35,
+  "height": 300,
+  "xAxis": {
+    "type": "date",
+    "size": 75,
+    "tickRotation": 0,
+    "numTicks": "",
+    "dataKey": "Date",
+    "dateParseFormat": "%m-%d-%Y",
+    "dateDisplayFormat": "%m-%d-%Y"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": true,
+    "show": true
+  },
+  "legend": {
+    "behavior": "isolate",
+    "position": "right"
+  },
+  "exclusions": {
+    "active": false,
+    "keys": []
+  },
+  "palette": "qualitative-bold",
+  "labels": false,
+  "dataDescription": {
+    "horizontal": false,
+    "series": true,
+    "singleRow": false,
+    "seriesKey": "Sex",
+    "xKey": "Date",
+    "valueKey": "Cases per 100K"
+  },
+  "visualizationType": "Line",
+  "series": [
+    {
+      "dataKey": "Male",
+      "type": "Bar"
+    },
+    {
+      "dataKey": "Female",
+      "type": "Bar"
+    }
+  ]
+}

package/examples/date-exclusions-data.json

@@ -0,0 +1,162 @@
+[
+  {
+    "Date": "01-01-2021",
+    "Sex": "Male",
+    "Cases per 100K": "6714"
+  },
+  {
+    "Date": "02-01-2021",
+    "Sex": "Male",
+    "Cases per 100K": "7260"
+  },
+  {
+    "Date": "03-01-2021",
+    "Sex": "Male",
+    "Cases per 100K": "6808"
+  },
+  {
+    "Date": "04-01-2021",
+    "Sex": "Male",
+    "Cases per 100K": "6225"
+  },
+  {
+    "Date": "05-01-2021",
+    "Sex": "Male",
+    "Cases per 100K": "6633"
+  },
+  {
+    "Date": "06-01-2021",
+    "Sex": "Male",
+    "Cases per 100K": "10600"
+  },
+  {
+    "Date": "07-01-2021",
+    "Sex": "Male",
+    "Cases per 100K": "11300"
+  },
+  {
+    "Date": "08-01-2021",
+    "Sex": "Male",
+    "Cases per 100K": "12450"
+  },
+  {
+    "Date": "09-01-2021",
+    "Sex": "Male",
+    "Cases per 100K": "14625"
+  },
+  {
+    "Date": "10-01-2021",
+    "Sex": "Male",
+    "Cases per 100K": "18238"
+  },
+  {
+    "Date": "11-01-2021",
+    "Sex": "Male",
+    "Cases per 100K": "18214"
+  },
+  {
+    "Date": "12-01-2021",
+    "Sex": "Male",
+    "Cases per 100K": "16411"
+  },
+  {
+    "Date": "01-01-2022",
+    "Sex": "Male",
+    "Cases per 100K": "15808"
+  },
+  {
+    "Date": "02-01-2022",
+    "Sex": "Male",
+    "Cases per 100K": "11210"
+  },
+  {
+    "Date": "03-01-2022",
+    "Sex": "Male",
+    "Cases per 100K": "9660"
+  },
+  {
+    "Date": "04-01-2022",
+    "Sex": "Male",
+    "Cases per 100K": "7325"
+  },
+  {
+    "Date": "01-01-2021",
+    "Sex": "Female",
+    "Cases per 100K": "5714"
+  },
+  {
+    "Date": "02-01-2021",
+    "Sex": "Female",
+    "Cases per 100K": "6000"
+  },
+  {
+    "Date": "03-01-2021",
+    "Sex": "Female",
+    "Cases per 100K": "5808"
+  },
+  {
+    "Date": "04-01-2021",
+    "Sex": "Female",
+    "Cases per 100K": "6225"
+  },
+  {
+    "Date": "05-01-2021",
+    "Sex": "Female",
+    "Cases per 100K": "5633"
+  },
+  {
+    "Date": "06-01-2021",
+    "Sex": "Female",
+    "Cases per 100K": "8600"
+  },
+  {
+    "Date": "07-01-2021",
+    "Sex": "Female",
+    "Cases per 100K": "9300"
+  },
+  {
+    "Date": "08-01-2021",
+    "Sex": "Female",
+    "Cases per 100K": "9450"
+  },
+  {
+    "Date": "09-01-2021",
+    "Sex": "Female",
+    "Cases per 100K": "3625"
+  },
+  {
+    "Date": "10-01-2021",
+    "Sex": "Female",
+    "Cases per 100K": "3238"
+  },
+  {
+    "Date": "11-01-2021",
+    "Sex": "Female",
+    "Cases per 100K": "2214"
+  },
+  {
+    "Date": "12-01-2021",
+    "Sex": "Female",
+    "Cases per 100K": "2411"
+  },
+  {
+    "Date": "01-01-2022",
+    "Sex": "Female",
+    "Cases per 100K": "2808"
+  },
+  {
+    "Date": "02-01-2022",
+    "Sex": "Female",
+    "Cases per 100K": "3210"
+  },
+  {
+    "Date": "03-01-2022",
+    "Sex": "Female",
+    "Cases per 100K": "2660"
+  },
+  {
+    "Date": "04-01-2022",
+    "Sex": "Female",
+    "Cases per 100K": "2325"
+  }
+]

package/examples/horizontal-chart.json

@@ -0,0 +1,35 @@
+{
+    "title": "Planet Radius (Combo Example)",
+    "dataUrl":  "/examples/planet-example-data.json",
+    "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-stacked-bar-chart.json

@@ -0,0 +1,36 @@
+{
+    "title": "Planet Radius (Bar Example)",
+    "dataUrl":  "/examples/planet-example-data.json",
+    "visualizationType": "Bar",
+    "visualizationSubType": "stacked",
+    "series": [{"dataKey": "Radius"}],
+    "fontSize": "medium",
+    "dataCutoff": "0.5",
+    "orientation": "horizontal",
+    "dataFormat": {
+        "roundTo": 1,
+        "commas": false,
+        "prefix": "",
+        "suffix": "km"
+    },
+    "padding": {
+        "left": 5,
+        "right": 5
+    },
+    "yAxis": {
+        "label": "Measurement (1000km)"
+    },
+    "xAxis": {
+        "label": "Planet",
+        "dataKey": "name",
+        "tickRotation": 30
+    },
+    "legend": {
+        "hide": false
+    },
+    "table": {
+        "label": "Data Table",
+        "expanded": false
+    },
+	"displayNumbersOnBar": true
+}

package/examples/line-chart.json

@@ -0,0 +1,76 @@
+{
+	"type": "chart",
+	"title": "Example Spark Line",
+	"theme": "theme-blue",
+	"fontSize": "medium",
+	"height": "375",
+	"compact": true,
+	"padding": {
+		"left": 5,
+		"right": 5
+	},
+	"yAxis": {
+		"size": "75",
+		"gridLines": false,
+		"label": "Y-Axis Example Label",
+		"numTicks": "9"
+	},
+	"barThickness": 0.35,
+	"xAxis": {
+		"size": "77",
+		"tickRotation": "25",
+		"dataKey": "Date",
+		"label": "X-Axis Example Label",
+		"type": "date",
+		"dateParseFormat": "%d/%m/%Y",
+		"dateDisplayFormat": "%d/%m/%Y"
+	},
+	"table": {
+		"label": "Data Table",
+		"expanded": true,
+		"download": true
+	},
+	"legend": {
+		"behavior": "isolate",
+		"position": "right",
+		"label": "Type of Data"
+	},
+	"palette": "qualitative-bold",
+	"labels": false,
+	"dataFormat": {},
+	"confidenceKeys": {},
+	"data": [
+		{
+			"Date": "1/15/2016",
+			"Data 1": "0"
+		},
+		{
+			"Date": "2/15/2016",
+			"Data 1": "25"
+		},
+		{
+			"Date": "3/15/2016",
+			"Data 1": "50"
+		},
+		{
+			"Date": "4/15/2016",
+			"Data 1": "75"
+		},
+		{
+			"Date": "5/15/2016",
+			"Data 1": "100"
+		},
+		{
+			"Date": "6/15/2016",
+			"Data 1": "50"
+		}
+	],
+	"visualizationType": "Spark Line",
+	"series": [
+		{
+			"dataKey": "Data 1",
+			"type": "Bar"
+		}
+	],
+	"description": "Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups."
+}

package/examples/paired-bar-data.json

@@ -0,0 +1,14 @@
+[{"Sex":"Male","Age Group":"<15","Cases per 100K":"7428"},
+{"Sex":"Male","Age Group":"15-24","Cases per 100K":"5176"},
+{"Sex":"Male","Age Group":"25-34","Cases per 100K":"5624"},
+{"Sex":"Male","Age Group":"35-44","Cases per 100K":"10756"},
+{"Sex":"Male","Age Group":"45-54","Cases per 100K":"8259"},
+{"Sex":"Male","Age Group":"55-64","Cases per 100K":"1235"},
+{"Sex":"Male","Age Group":"65","Cases per 100K":"730"},
+{"Sex":"Female","Age Group":"<15","Cases per 100K":"5714"},
+{"Sex":"Female","Age Group":"15-24","Cases per 100K":"3588"},
+{"Sex":"Female","Age Group":"25-34","Cases per 100K":"3410"},
+{"Sex":"Female","Age Group":"35-44","Cases per 100K":"7478"},
+{"Sex":"Female","Age Group":"45-54","Cases per 100K":"5633"},
+{"Sex":"Female","Age Group":"55-64","Cases per 100K":"810"},
+{"Sex":"Female","Age Group":"65","Cases per 100K":"402"}]

package/examples/paired-bar-example.json

@@ -0,0 +1,48 @@
+{
+    "title": "Paired Bar Chart Example",
+    "dataUrl":  "/examples/paired-bar-data.json",
+    "visualizationType": "Paired Bar",
+    "series": [
+        {"dataKey": "Male","type": "Paired Bar"},
+        {"dataKey": "Female","type": "Paired Bar"}
+    ],
+    "dataFormat": {
+        "roundTo": 1,
+        "commas": false,
+        "prefix": "",
+        "suffix": "km"
+    },
+    "padding": {
+        "left": 0,
+        "right": 0
+    },
+    "yAxis": {
+        "label": "Cases per 100K",
+        "tickRotation": 30,
+        "hideAxis": true
+    },
+    "xAxis": {
+        "label": "Age Group",
+        "dataKey": "Age Group",
+        "tickRotation": 30,
+        "hideAxis": true
+    },
+    "legend": {
+        "hideAxis": false
+    },
+    "table": {
+        "label": "Data Table",
+        "expanded": false
+    },
+    "dataDescription": {
+        "horizontal": false,
+        "series": true,
+        "seriesKey": "Sex",
+        "singleRow": false,
+        "xKey": "Age Group",
+        "valueKey": "Cases per 100K"
+    },
+    "runtime": {
+        "horizontal": true
+    }
+}

package/examples/paired-bar-formatted.json

@@ -0,0 +1,37 @@
+[
+    {
+        "Age Group": "65",
+        "Male": "730",
+        "Female": "402"
+    },
+    {
+        "Age Group": "<15",
+        "Male": "7428",
+        "Female": "5714"
+    },
+    {
+        "Age Group": "15-24",
+        "Male": "5176",
+        "Female": "3588"
+    },
+    {
+        "Age Group": "25-34",
+        "Male": "5624",
+        "Female": "3410"
+    },
+    {
+        "Age Group": "35-44",
+        "Male": "10756",
+        "Female": "7478"
+    },
+    {
+        "Age Group": "45-54",
+        "Male": "8259",
+        "Female": "5633"
+    },
+    {
+        "Age Group": "55-64",
+        "Male": "1235",
+        "Female": "810"
+    }
+]