@cdc/chart 1.3.3 → 9.22.9

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/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"
+}

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

@@ -0,0 +1,248 @@
+{
+	"type": "chart",
+	"title": "Example Stacked Horizontal Bar Chart",
+	"theme": "theme-blue",
+	"fontSize": "small",
+	"lineDatapointStyle": "hover",
+	"barHasBorder": "true",
+	"isLollipopChart": false,
+	"lollipopShape": "circle",
+	"lollipopColorStyle": "two-tone",
+	"visualizationSubType": "stacked",
+	"padding": {
+		"left": 5,
+		"right": 5
+	},
+	"yAxis": {
+		"hideAxis": true,
+		"hideLabel": false,
+		"hideTicks": false,
+		"size": "13",
+		"gridLines": false,
+		"type": "chart",
+		"title": "",
+		"theme": "theme-blue",
+		"fontSize": "medium",
+		"lineDatapointStyle": "hover",
+		"barHasBorder": "false",
+		"isLollipopChart": false,
+		"lollipopShape": "circle",
+		"lollipopColorStyle": "two-tone",
+		"visualizationSubType": "stacked",
+		"padding": {
+			"left": 5,
+			"right": 5
+		},
+		"yAxis": {
+			"hideAxis": false,
+			"hideLabel": false,
+			"hideTicks": false,
+			"size": 50,
+			"gridLines": false
+		},
+		"barThickness": 0.35,
+		"height": 260,
+		"xAxis": {
+			"type": "categorical",
+			"hideAxis": false,
+			"hideLabel": false,
+			"hideTicks": false,
+			"size": 75,
+			"tickRotation": 0,
+			"dataKey": "Year"
+		},
+		"table": {
+			"label": "Data Table",
+			"expanded": true,
+			"show": true
+		},
+		"orientation": "horizontal",
+		"legend": {
+			"behavior": "isolate",
+			"position": "right"
+		},
+		"exclusions": {
+			"active": false,
+			"keys": []
+		},
+		"palette": "qualitative-bold",
+		"isPaletteReversed": false,
+		"labels": false,
+		"dataFormat": {},
+		"confidenceKeys": {},
+		"data": [
+			{
+				"Year": "2015",
+				"Data 1": "25",
+				"Data 2": "20",
+				"Data 3": "55"
+			},
+			{
+				"Year": "2016",
+				"Data 1": "35",
+				"Data 2": "30",
+				"Data 3": "35"
+			},
+			{
+				"Year": "2017",
+				"Data 1": "22",
+				"Data 2": "38",
+				"Data 3": "40"
+			},
+			{
+				"Year": "2018",
+				"Data 1": "40",
+				"Data 2": "40",
+				"Data 3": "20"
+			}
+		],
+		"dataFileName": "JSON_Source_Data_Example_Viz_Stacked.json",
+		"dataFileSourceType": "file",
+		"visualizationType": "Bar",
+		"runtime": {
+			"seriesLabels": {
+				"Data 1": "Data 1",
+				"Data 2": "Data 2",
+				"Data 3": "Data 3"
+			},
+			"seriesLabelsAll": [
+				"Data 1",
+				"Data 2",
+				"Data 3"
+			],
+			"originalXAxis": {
+				"type": "categorical",
+				"hideAxis": false,
+				"hideLabel": false,
+				"hideTicks": false,
+				"size": 75,
+				"tickRotation": 0,
+				"dataKey": "Year"
+			},
+			"seriesKeys": [
+				"Data 1",
+				"Data 2",
+				"Data 3"
+			],
+			"xAxis": {
+				"hideAxis": false,
+				"hideLabel": false,
+				"hideTicks": false,
+				"size": 50,
+				"gridLines": false
+			},
+			"yAxis": {
+				"type": "categorical",
+				"hideAxis": false,
+				"hideLabel": false,
+				"hideTicks": false,
+				"size": 75,
+				"tickRotation": 0,
+				"dataKey": "Year"
+			},
+			"horizontal": true,
+			"uniqueId": 1654259674387,
+			"editorErrorMessage": ""
+		},
+		"series": [
+			{
+				"dataKey": "Data 1",
+				"type": "Bar"
+			},
+			{
+				"dataKey": "Data 2",
+				"type": "Bar"
+			},
+			{
+				"dataKey": "Data 3",
+				"type": "Bar"
+			}
+		],
+		"barHeight": 25,
+		"barPadding": 40,
+		"labelPlacement": "Below Bar",
+		"displayNumbersOnBar": true,
+		"label": ""
+	},
+	"barThickness": 0.35,
+	"height": 288,
+	"xAxis": {
+		"type": "categorical",
+		"hideAxis": true,
+		"hideLabel": true,
+		"hideTicks": true,
+		"size": "45",
+		"tickRotation": 0,
+		"dataKey": "Year",
+		"label": "Year"
+	},
+	"table": {
+		"label": "Data Table",
+		"expanded": false,
+		"show": true,
+		"indexLabel": "Data Type"
+	},
+	"orientation": "horizontal",
+	"legend": {
+		"behavior": "isolate",
+		"position": "right",
+		"reverseLabelOrder": false
+	},
+	"exclusions": {
+		"active": false,
+		"keys": []
+	},
+	"palette": "qualitative-soft",
+	"isPaletteReversed": false,
+	"labels": false,
+	"dataFormat": {
+		"suffix": "%"
+	},
+	"confidenceKeys": {},
+	"data": [
+		{
+			"Year": "2015",
+			"Data 1": "25",
+			"Data 2": "20",
+			"Data 3": "55"
+		},
+		{
+			"Year": "2016",
+			"Data 1": "35",
+			"Data 2": "30",
+			"Data 3": "35"
+		},
+		{
+			"Year": "2017",
+			"Data 1": "22",
+			"Data 2": "38",
+			"Data 3": "40"
+		},
+		{
+			"Year": "2018",
+			"Data 1": "40",
+			"Data 2": "40",
+			"Data 3": "20"
+		}
+	],
+	"dataFileName": "JSON_Source_Data_Example_Viz_Stacked.json",
+	"dataFileSourceType": "file",
+	"visualizationType": "Bar",
+	"series": [
+		{
+			"dataKey": "Data 1",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Data 2",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Data 3",
+			"type": "Bar"
+		}
+	],
+	"barHeight": 32,
+	"barPadding": 40,
+	"description": "Subtext"
+}