@cdc/chart 4.22.10 → 4.23.1

package/examples/line-chart.json

@@ -1,76 +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."
-}
+  "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/new-data.csv

@@ -0,0 +1,17 @@
+Group_Category,Value
+category one,21
+category one,19
+category one,23
+category one,24
+category two,18
+category two,10
+category two,12
+category two,19
+category three,30
+category three,35
+category three,36
+category three,40
+category four,50
+category four,54
+category four,42
+category four,159

package/examples/newdata.json

@@ -0,0 +1,90 @@
+[
+  {
+    "Group_Category": "category one",
+    "Value": "21"
+  },
+  {
+    "Group_Category": "category one",
+    "Value": "19"
+  },
+  {
+    "Group_Category": "category one",
+    "Value": "23"
+  },
+  {
+    "Group_Category": "category one",
+    "Value": "24"
+  },
+  {
+    "Group_Category": "category two",
+    "Value": "18"
+  },
+  {
+    "Group_Category": "category two",
+    "Value": "10"
+  },
+  {
+    "Group_Category": "category two",
+    "Value": "12"
+  },
+  {
+    "Group_Category": "category two",
+    "Value": "19"
+  },
+  {
+    "Group_Category": "category three",
+    "Value": "30"
+  },
+  {
+    "Group_Category": "category three",
+    "Value": "35"
+  },
+  {
+    "Group_Category": "category three",
+    "Value": "36"
+  },
+  {
+    "Group_Category": "category three",
+    "Value": "40"
+  },
+  {
+    "Group_Category": "category four",
+    "Value": "30"
+  },
+  {
+    "Group_Category": "category four",
+    "Value": "40"
+  },
+  {
+    "Group_Category": "category four",
+    "Value": "50"
+  },
+  {
+    "Group_Category": "category four",
+    "Value": "50"
+  },
+  {
+    "Group_Category": "category four",
+    "Value": "85"
+  },
+  {
+    "Group_Category": "category four",
+    "Value": "82"
+  },
+  {
+    "Group_Category": "category four",
+    "Value": "43"
+  },
+  {
+    "Group_Category": "category four",
+    "Value": "42"
+  },
+  {
+    "Group_Category": "category four",
+    "Value": "41"
+  },
+  {
+    "Group_Category": "category four",
+    "Value": "21"
+  }
+]

package/examples/paired-bar-data.json

@@ -1,14 +1,16 @@
-[{"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.75"},
-{"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"}]
+[
+  { "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.75" },
+  { "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

@@ -1,50 +1,50 @@
 {
-    "title": "Paired Bar Chart Example",
-    "dataUrl":  "/examples/paired-bar-data.json",
-    "animate": true,
-    "animateReplay": true,
-    "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
-    }
+  "title": "Paired Bar Chart Example",
+  "dataUrl": "/examples/paired-bar-data.json",
+  "animate": true,
+  "animateReplay": true,
+  "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

@@ -1,37 +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"
-    }
-]
+  {
+    "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"
+  }
+]

package/examples/planet-chart-horizontal-example-config.json

@@ -1,35 +1,35 @@
 {
-    "title": "Planet Radius (Combo Example)",
-    "dataUrl":  "/examples/planet-example-data.json",
-    "visualizationType": "Bar",
-	"visualizationSubType": "regular",
-    "isLollipopChart": true,
-    "barHasBorder": "true",
-    "series": [{"dataKey":"Radius", "type":"Line"}],
-    "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"
+  "title": "Planet Radius (Combo Example)",
+  "dataUrl": "/examples/planet-example-data.json",
+  "visualizationType": "Bar",
+  "visualizationSubType": "regular",
+  "isLollipopChart": true,
+  "barHasBorder": "true",
+  "series": [{ "dataKey": "Radius", "type": "Line" }],
+  "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/planet-combo-example-config.json

@@ -1,33 +1,36 @@
 {
-    "title": "Planet Radius (Combo Example)",
-    "dataUrl":  "/examples/planet-example-data.json",
-    "animate": true,
-    "animateReplay": true,
-    "visualizationType": "Combo",
-    "series": [{"dataKey":"Radius", "type":"Line"}, {"dataKey":"Diameter", "type":"Bar"}],
-    "dataFormat": {
-        "roundTo": 1,
-        "commas": false,
-        "prefix": "",
-        "suffix": "km"
-    },
-    "padding": {
-        "left": 0,
-        "right": 0
-    },
-    "yAxis": {
-        "label": "Measurement (1000km)"
-    },
-    "xAxis": {
-        "label": "Planet",
-        "dataKey": "name",
-        "tickRotation": 30
-    },
-    "legend": {
-        "hide": false
-    },
-    "table": {
-        "label": "Data Table",
-        "expanded": false
-    }
+  "title": "Planet Radius (Combo Example)",
+  "dataUrl": "/examples/planet-example-data.json",
+  "animate": true,
+  "animateReplay": true,
+  "visualizationType": "Combo",
+  "series": [
+    { "dataKey": "Radius", "type": "Line" },
+    { "dataKey": "Diameter", "type": "Bar" }
+  ],
+  "dataFormat": {
+    "roundTo": 1,
+    "commas": false,
+    "prefix": "",
+    "suffix": "km"
+  },
+  "padding": {
+    "left": 0,
+    "right": 0
+  },
+  "yAxis": {
+    "label": "Measurement (1000km)"
+  },
+  "xAxis": {
+    "label": "Planet",
+    "dataKey": "name",
+    "tickRotation": 30
+  },
+  "legend": {
+    "hide": false
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": false
+  }
 }