@cdc/chart 1.3.4 → 4.22.10

package/examples/cutoff-example-config.json

@@ -2,6 +2,8 @@
     "title": "Data Cutoff Example (< 0.1)",
     "theme": "theme-blue",
     "dataUrl":  "/examples/cutoff-example-data.json",
+    "animate": true,
+    "animateReplay": true,
     "visualizationType": "Line",
     "series": [{"dataKey": "Value"}],
     "barThickness": 0.3,

package/examples/cutoff-example-data.json

@@ -21,7 +21,7 @@
     },
     {
         "Category": "Category 6",
-        "Value": "0.03"
+        "Value": null
     },
     {
         "Category": "Category 7",

package/examples/dynamic-legends.json

@@ -0,0 +1,125 @@
+{
+	"type": "chart",
+	"title": "Example Line Chart",
+	"theme": "theme-green",
+	"fontSize": "medium",
+	"height": "375",
+	"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",
+		"dynamicLegend": true
+	},
+	"palette": "qualitative-bold",
+	"labels": false,
+	"dataFormat": {},
+	"confidenceKeys": {},
+	"data": [
+		{
+			"Date": "1/15/2016",
+			"Alabama": "90",
+			"Alaska": "135",
+			"Arizona": "300",
+			"Arkansas": "95",
+			"California": "120",
+			"Colorado": "310"
+		},
+		{
+			"Date": "2/15/2016",
+			"Alabama": "40",
+			"Alaska": "90",
+			"Arizona": "240",
+			"Arkansas": "60",
+			"California": "160",
+			"Colorado": "200"
+		},
+		{
+			"Date": "3/15/2016",
+			"Alabama": "50",
+			"Alaska": "300",
+			"Arizona": "290",
+			"Arkansas": "100",
+			"California": "200",
+			"Colorado": "250"
+		},
+		{
+			"Date": "4/15/2016",
+			"Alabama": "120",
+			"Alaska": "160",
+			"Arizona": "230",
+			"Arkansas": "180",
+			"California": "160",
+			"Colorado": "220"
+		},
+		{
+			"Date": "5/15/2016",
+			"Alabama": "80",
+			"Alaska": "350",
+			"Arizona": "300",
+			"Arkansas": "150",
+			"California": "130",
+			"Colorado": "100"
+		},
+		{
+			"Date": "6/15/2016",
+			"Alabama": "90",
+			"Alaska": "220",
+			"Arizona": "320",
+			"Arkansas": "100",
+			"California": "220",
+			"Colorado": "300"
+		}
+	],
+	"visualizationType": "Line",
+	"series": [
+		{
+			"dataKey": "Alabama",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Alaska",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Arizona",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Arkansas",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "California",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Colorado",
+			"type": "Bar"
+		}
+	]
+}

package/examples/gallery/bar-chart-horizontal/horizontal-bar-chart-with-numbers-on-bar.json

@@ -0,0 +1,198 @@
+{
+	"type": "chart",
+	"title": "Example of Horizontal Bar Chart with Numbers on Bar",
+	"theme": "theme-blue",
+	"fontSize": "medium",
+	"lineDatapointStyle": "hover",
+	"barHasBorder": "true",
+	"padding": {
+		"left": 5,
+		"right": 5
+	},
+	"yAxis": {
+		"size": 50,
+		"gridLines": false,
+		"type": "chart",
+		"title": "Example of Horizontal Bar Chart with Numbers on Bar",
+		"theme": "theme-blue",
+		"fontSize": "medium",
+		"lineDatapointStyle": "hover",
+		"barHasBorder": "true",
+		"padding": {
+			"left": 5,
+			"right": 5
+		},
+		"yAxis": {
+			"size": 50,
+			"gridLines": false,
+			"label": "Number of Accidents"
+		},
+		"barThickness": "0.5",
+		"height": 450,
+		"xAxis": {
+			"size": 75,
+			"tickRotation": 0,
+			"dataKey": "Injury Type",
+			"label": "Injury Type"
+		},
+		"table": {
+			"label": "Data Table",
+			"expanded": false,
+			"show": true
+		},
+		"legend": {
+			"behavior": "isolate",
+			"position": "right",
+			"label": "Accident Year"
+		},
+		"palette": "qualitative-bold",
+		"labels": false,
+		"dataFormat": {},
+		"confidenceKeys": {},
+		"data": [
+			{
+				"2017": "12",
+				"2018": "8",
+				"Injury Type": "Falling"
+			},
+			{
+				"2017": "25",
+				"2018": "10",
+				"Injury Type": "Machinery"
+			},
+			{
+				"2017": "1",
+				"2018": "0",
+				"Injury Type": "Alergic Reaction"
+			},
+			{
+				"2017": "3",
+				"2018": "4",
+				"Injury Type": "Chemical"
+			},
+			{
+				"2017": "3",
+				"2018": "2",
+				"Injury Type": "Burns"
+			}
+		],
+		"dataFileName": "job_place_injury_2 years_FINAL.json",
+		"dataFileSourceType": "file",
+		"visualizationType": "Bar",
+		"visualizationSubType": "horizontal",
+		"series": [
+			{
+				"dataKey": "2017",
+				"type": "Bar"
+			},
+			{
+				"dataKey": "2018",
+				"type": "Bar"
+			}
+		],
+		"runtime": {
+			"seriesLabels": {
+				"2017": "2017",
+				"2018": "2018"
+			},
+			"seriesLabelsAll": [
+				"2017",
+				"2018"
+			],
+			"originalXAxis": {
+				"size": 75,
+				"tickRotation": 0,
+				"dataKey": "Injury Type",
+				"label": "Injury Type"
+			},
+			"seriesKeys": [
+				"2017",
+				"2018"
+			],
+			"xAxis": {
+				"size": 50,
+				"gridLines": false,
+				"label": "Number of Accidents"
+			},
+			"yAxis": {
+				"size": 75,
+				"tickRotation": 0,
+				"dataKey": "Injury Type",
+				"label": "Injury Type"
+			},
+			"horizontal": true,
+			"uniqueId": 1635525153525,
+			"editorErrorMessage": ""
+		},
+		"barPadding": 40,
+		"barHeight": 25,
+		"labelPlacement": "Below Bar",
+		"displayNumbersOnBar": true
+	},
+	"barThickness": "0.5",
+	"height": 450,
+	"xAxis": {
+		"size": 75,
+		"tickRotation": 0,
+		"dataKey": "Injury Type",
+		"label": "Injury Type"
+	},
+	"table": {
+		"label": "Data Table",
+		"expanded": false,
+		"show": true
+	},
+	"legend": {
+		"behavior": "isolate",
+		"position": "right",
+		"label": "Accident Year"
+	},
+	"palette": "qualitative-bold",
+	"labels": false,
+	"dataFormat": {},
+	"confidenceKeys": {},
+	"data": [
+		{
+			"2017": "12",
+			"2018": "8",
+			"Injury Type": "Falling"
+		},
+		{
+			"2017": "25",
+			"2018": "10",
+			"Injury Type": "Machinery"
+		},
+		{
+			"2017": "1",
+			"2018": "0",
+			"Injury Type": "Alergic Reaction"
+		},
+		{
+			"2017": "3",
+			"2018": "4",
+			"Injury Type": "Chemical"
+		},
+		{
+			"2017": "3",
+			"2018": "2",
+			"Injury Type": "Burns"
+		}
+	],
+	"dataFileName": "job_place_injury_2 years_FINAL.json",
+	"dataFileSourceType": "file",
+	"visualizationType": "Bar",
+	"visualizationSubType": "horizontal",
+	"series": [
+		{
+			"dataKey": "2017",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "2018",
+			"type": "Bar"
+		}
+	],
+	"barPadding": 40,
+	"barHeight": 25,
+	"description": "    Also note that the border around the bars has been added in the Visualization Editor"
+}

package/examples/gallery/bar-chart-horizontal/horizontal-bar-chart.json

@@ -0,0 +1,241 @@
+{
+	"type": "chart",
+	"title": "Example Horizontal Bar Chart",
+	"theme": "theme-teal",
+	"fontSize": "small",
+	"lineDatapointStyle": "hover",
+	"barHasBorder": "false",
+	"padding": {
+		"left": 5,
+		"right": 5
+	},
+	"yAxis": {
+		"size": 50,
+		"gridLines": false,
+		"type": "chart",
+		"title": "Example Horizontal Bar Chart",
+		"theme": "theme-teal",
+		"fontSize": "small",
+		"lineDatapointStyle": "hover",
+		"barHasBorder": "false",
+		"padding": {
+			"left": 5,
+			"right": 5
+		},
+		"yAxis": {
+			"size": 50,
+			"gridLines": false,
+			"label": "X-Axis Example Label",
+			"numTicks": "10"
+		},
+		"barThickness": "0.7",
+		"height": 560,
+		"xAxis": {
+			"type": "categorical",
+			"size": "0",
+			"tickRotation": 0,
+			"dataKey": "Group",
+			"label": ""
+		},
+		"table": {
+			"label": "Data Table",
+			"expanded": true,
+			"download": false,
+			"show": true
+		},
+		"legend": {
+			"behavior": "isolate",
+			"position": "right",
+			"label": "Type of Data"
+		},
+		"exclusions": {
+			"active": false,
+			"keys": []
+		},
+		"palette": "qualitative-soft",
+		"labels": false,
+		"dataFormat": {},
+		"confidenceKeys": {},
+		"data": [
+			{
+				"Group": "Combined Total of Group A",
+				"Vehicle": "100",
+				"Home": "120",
+				"Work": "140",
+				"Office": "120"
+			},
+			{
+				"Group": "Combined Total of Group B",
+				"Vehicle": "150",
+				"Home": "140",
+				"Work": "100",
+				"Office": "90"
+			},
+			{
+				"Group": "Combined Total of Group C",
+				"Vehicle": "90",
+				"Home": "90",
+				"Work": "80",
+				"Office": "80"
+			},
+			{
+				"Group": "Combined Total of Group D",
+				"Vehicle": "70",
+				"Home": "60",
+				"Work": "50",
+				"Office": "70"
+			}
+		],
+		"visualizationType": "Bar",
+		"visualizationSubType": "horizontal",
+		"series": [
+			{
+				"dataKey": "Vehicle",
+				"type": "Bar"
+			},
+			{
+				"dataKey": "Home",
+				"type": "Bar"
+			},
+			{
+				"dataKey": "Work",
+				"type": "Bar"
+			},
+			{
+				"dataKey": "Office",
+				"type": "Bar"
+			}
+		],
+		"description": "This example shows a horizontal bar chart created in the visualization editor in WCMS",
+		"runtime": {
+			"seriesLabels": {
+				"Vehicle": "Vehicle",
+				"Home": "Home",
+				"Work": "Work",
+				"Office": "Office"
+			},
+			"seriesLabelsAll": [
+				"Vehicle",
+				"Home",
+				"Work",
+				"Office"
+			],
+			"originalXAxis": {
+				"type": "categorical",
+				"size": "0",
+				"tickRotation": 0,
+				"dataKey": "Group",
+				"label": ""
+			},
+			"seriesKeys": [
+				"Vehicle",
+				"Home",
+				"Work",
+				"Office"
+			],
+			"xAxis": {
+				"size": 50,
+				"gridLines": false,
+				"label": "X-Axis Example Label",
+				"numTicks": "10"
+			},
+			"yAxis": {
+				"type": "categorical",
+				"size": "0",
+				"tickRotation": 0,
+				"dataKey": "Group",
+				"label": ""
+			},
+			"horizontal": true,
+			"uniqueId": 1644353484184,
+			"editorErrorMessage": ""
+		},
+		"barPadding": 40,
+		"barHeight": 25,
+		"labelPlacement": "Below Bar",
+		"label": "Accidents"
+	},
+	"barThickness": "0.7",
+	"height": 560,
+	"xAxis": {
+		"type": "categorical",
+		"size": "0",
+		"tickRotation": 0,
+		"dataKey": "Group",
+		"label": ""
+	},
+	"table": {
+		"label": "Data Table",
+		"expanded": true,
+		"download": false,
+		"show": true
+	},
+	"legend": {
+		"behavior": "isolate",
+		"position": "right",
+		"label": "Location"
+	},
+	"exclusions": {
+		"active": false,
+		"keys": []
+	},
+	"palette": "qualitative-soft",
+	"labels": false,
+	"dataFormat": {},
+	"confidenceKeys": {},
+	"data": [
+		{
+			"Group": "Group A Survey Results",
+			"Vehicle": "100",
+			"Home": "120",
+			"Work": "140",
+			"Office": "120"
+		},
+		{
+			"Group": "Group B Survey Results",
+			"Vehicle": "150",
+			"Home": "140",
+			"Work": "100",
+			"Office": "90"
+		},
+		{
+			"Group": "Group C Survey Results",
+			"Vehicle": "90",
+			"Home": "90",
+			"Work": "80",
+			"Office": "80"
+		},
+		{
+			"Group": "Group D Survey Results",
+			"Vehicle": "70",
+			"Home": "60",
+			"Work": "50",
+			"Office": "70"
+		}
+	],
+	"visualizationType": "Bar",
+	"visualizationSubType": "horizontal",
+	"series": [
+		{
+			"dataKey": "Vehicle",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Home",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Work",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Office",
+			"type": "Bar"
+		}
+	],
+	"description": "This example shows a horizontal bar chart created in the visualization editor in WCMS",
+	"barPadding": 40,
+	"barHeight": 25,
+	"dataFileName": "3-CSV_Source_Example_for_Horizontal_Bar_viz - Fixed.csv",
+	"dataFileSourceType": "file"
+}