@cdc/chart 1.3.3 → 9.22.9

package/examples/gallery/bar-chart-vertical/combo-line-chart.json

@@ -0,0 +1,137 @@
+{
+	"type": "chart",
+	"title": "Combo Bar-Line Chart",
+	"theme": "theme-purple",
+	"fontSize": "medium",
+	"height": "332",
+	"padding": {
+		"left": 5,
+		"right": 5
+	},
+	"yAxis": {
+		"size": "68",
+		"gridLines": true,
+		"label": "Y-Axis Label Example"
+	},
+	"barThickness": 0.35,
+	"xAxis": {
+		"size": "78",
+		"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": "highlight",
+		"position": "right",
+		"label": "Data Type"
+	},
+	"palette": "qualitative-soft",
+	"labels": false,
+	"dataFormat": {},
+	"confidenceKeys": {},
+	"data": [
+		{
+			"Date": "1/15/2016",
+			"Data 1": "90",
+			"Data 2": "110",
+			"Data 3": "100",
+			"Data 4": "90",
+			"Monthly-Goal": "100"
+		},
+		{
+			"Date": "2/15/2016",
+			"Data 1": "100",
+			"Data 2": "110",
+			"Data 3": "100",
+			"Data 4": "100",
+			"Monthly-Goal": "100"
+		},
+		{
+			"Date": "3/15/2016",
+			"Data 1": "80",
+			"Data 2": "90",
+			"Data 3": "100",
+			"Data 4": "120",
+			"Monthly-Goal": "110"
+		},
+		{
+			"Date": "4/15/2016",
+			"Data 1": "80",
+			"Data 2": "90",
+			"Data 3": "110",
+			"Data 4": "120",
+			"Monthly-Goal": "110"
+		},
+		{
+			"Date": "5/15/2016",
+			"Data 1": "70",
+			"Data 2": "90",
+			"Data 3": "110",
+			"Data 4": "130",
+			"Monthly-Goal": "120"
+		},
+		{
+			"Date": "6/15/2016",
+			"Data 1": "100",
+			"Data 2": "120",
+			"Data 3": "120",
+			"Data 4": "130",
+			"Monthly-Goal": "120"
+		},
+		{
+			"Date": "7/15/2016",
+			"Data 1": "110",
+			"Data 2": "140",
+			"Data 3": "120",
+			"Data 4": "130",
+			"Monthly-Goal": "130"
+		},
+		{
+			"Date": "8/15/2016",
+			"Data 1": "110",
+			"Data 2": "130",
+			"Data 3": "120",
+			"Data 4": "140",
+			"Monthly-Goal": "130"
+		},
+		{
+			"Date": "9/15/2016",
+			"Data 1": "120",
+			"Data 2": "130",
+			"Data 3": "120",
+			"Data 4": "150",
+			"Monthly-Goal": "140"
+		}
+	],
+	"visualizationType": "Combo",
+	"series": [
+		{
+			"dataKey": "Data 1",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Data 2",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Data 3",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Data 4",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Monthly-Goal",
+			"type": "Line"
+		}
+	]
+}

package/examples/gallery/bar-chart-vertical/vertical-bar-chart-categorical.json

@@ -0,0 +1,80 @@
+{
+	"type": "chart",
+	"title": "Categorical Bar Chart",
+	"theme": "theme-blue",
+	"fontSize": "medium",
+	"height": 300,
+	"padding": {
+		"left": 5,
+		"right": 5
+	},
+	"yAxis": {
+		"size": "71",
+		"gridLines": true,
+		"label": "Y-Axis Example Label"
+	},
+	"barThickness": "0.5",
+	"xAxis": {
+		"size": "58",
+		"tickRotation": 0,
+		"dataKey": "Location",
+		"label": "X-Axis Example Label"
+	},
+	"table": {
+		"label": "Data Table",
+		"expanded": true
+	},
+	"legend": {
+		"behavior": "highlight",
+		"position": "right",
+		"label": "Sample Groups"
+	},
+	"palette": "qualitative-bold",
+	"labels": false,
+	"dataFormat": {
+		"suffix": " "
+	},
+	"confidenceKeys": {},
+	"data": [
+		{
+			"Location": "Vehicle",
+			"Group A": "100",
+			"Group B": "150",
+			"Group C": "90"
+		},
+		{
+			"Location": "Home",
+			"Group A": "120",
+			"Group B": "140",
+			"Group C": "90"
+		},
+		{
+			"Location": "Work",
+			"Group A": "140",
+			"Group B": "100",
+			"Group C": "80"
+		},
+		{
+			"Location": "Office",
+			"Group A": "120",
+			"Group B": "90",
+			"Group C": "80"
+		}
+	],
+	"visualizationType": "Bar",
+	"series": [
+		{
+			"dataKey": "Group A",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Group B",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Group C",
+			"type": "Bar"
+		}
+	],
+	"description": "This example shows a Standard Categorical (Non-Time-Based) Bar Chart created in the visualization editor in WCMS"
+}

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

@@ -0,0 +1,81 @@
+{
+	"type": "chart",
+	"title": "Example Stacked Bar Chart",
+	"theme": "theme-orange",
+	"fontSize": "medium",
+	"height": "375",
+	"padding": {
+		"left": 5,
+		"right": 5
+	},
+	"yAxis": {
+		"size": "64",
+		"gridLines": false,
+		"label": "Y-Axis Label Example"
+	},
+	"barThickness": 0.35,
+	"xAxis": {
+		"size": "67",
+		"tickRotation": "25",
+		"dataKey": "Year",
+		"label": "X-Axis Label Example"
+	},
+	"table": {
+		"label": "Data Table",
+		"expanded": true,
+		"download": true
+	},
+	"legend": {
+		"behavior": "isolate",
+		"position": "right",
+		"label": "Data Type"
+	},
+	"palette": "qualitative-bold",
+	"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"
+		}
+	],
+	"visualizationType": "Bar",
+	"visualizationSubType": "stacked",
+	"series": [
+		{
+			"dataKey": "Data 1",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Data 2",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Data 3",
+			"type": "Bar"
+		}
+	]
+}

package/examples/gallery/bar-chart-vertical/vertical-bar-chart-with-confidence.json

@@ -0,0 +1,68 @@
+{
+	"type": "chart",
+	"title": "Bar Chart with Confidence Intervals",
+	"theme": "theme-green",
+	"fontSize": "medium",
+	"height": 300,
+	"padding": {
+		"left": 5,
+		"right": 5
+	},
+	"yAxis": {
+		"size": "75",
+		"gridLines": true,
+		"label": "Y-Axis Example Label"
+	},
+	"barThickness": 0.35,
+	"xAxis": {
+		"size": "50",
+		"tickRotation": 0,
+		"dataKey": "Date",
+		"label": "X-Axis Sample Label"
+	},
+	"table": {
+		"label": "Data Table",
+		"expanded": true
+	},
+	"legend": {
+		"behavior": "isolate",
+		"position": "right"
+	},
+	"palette": "qualitative-bold",
+	"labels": false,
+	"dataFormat": {},
+	"confidenceKeys": {
+		"upper": "high",
+		"lower": "low"
+	},
+	"data": [
+		{
+			"Data": "data1",
+			"Date": "1/12/2016",
+			"Value": "212",
+			"high": "220",
+			"low": "200"
+		},
+		{
+			"Data": "data2",
+			"Date": "1/13/2016",
+			"Value": "213",
+			"high": "230",
+			"low": "205"
+		},
+		{
+			"Data": "data3",
+			"Date": "1/14/2016",
+			"Value": "214",
+			"high": "240",
+			"low": "210"
+		}
+	],
+	"visualizationType": "Bar",
+	"series": [
+		{
+			"dataKey": "Value",
+			"type": "Bar"
+		}
+	]
+}

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

@@ -0,0 +1,111 @@
+{
+	"type": "chart",
+	"title": "Example Bar Chart",
+	"theme": "theme-blue",
+	"fontSize": "medium",
+	"height": 300,
+	"padding": {
+		"left": 5,
+		"right": 5
+	},
+	"yAxis": {
+		"size": "76",
+		"gridLines": false,
+		"label": "Y Axis Example Label"
+	},
+	"barThickness": "0.6",
+	"xAxis": {
+		"size": "59",
+		"tickRotation": 0,
+		"dataKey": "Date",
+		"label": "X Axis Example Label"
+	},
+	"table": {
+		"label": "Data Type by Date",
+		"expanded": true
+	},
+	"legend": {
+		"behavior": "isolate",
+		"position": "right",
+		"label": "Type of Data"
+	},
+	"palette": "qualitative-bold",
+	"labels": false,
+	"dataFormat": {
+		"suffix": " units"
+	},
+	"confidenceKeys": {},
+	"data": [
+		{
+			"Date": "1/15/2016",
+			"Data 1": "90",
+			"Data 2": "135",
+			"Data 3": "300",
+			"Data 4": "95",
+			"Data 5": "120",
+			"Data 6": "310"
+		},
+		{
+			"Date": "2/15/2016",
+			"Data 1": "40",
+			"Data 2": "90",
+			"Data 3": "240",
+			"Data 4": "60",
+			"Data 5": "160",
+			"Data 6": "200"
+		},
+		{
+			"Date": "3/15/2016",
+			"Data 1": "50",
+			"Data 2": "300",
+			"Data 3": "290",
+			"Data 4": "100",
+			"Data 5": "200",
+			"Data 6": "250"
+		},
+		{
+			"Date": "4/15/2016",
+			"Data 1": "120",
+			"Data 2": "160",
+			"Data 3": "230",
+			"Data 4": "180",
+			"Data 5": "160",
+			"Data 6": "220"
+		},
+		{
+			"Date": "5/15/2016",
+			"Data 1": "80",
+			"Data 2": "350",
+			"Data 3": "300",
+			"Data 4": "150",
+			"Data 5": "130",
+			"Data 6": "100"
+		},
+		{
+			"Date": "6/15/2016",
+			"Data 1": "90",
+			"Data 2": "220",
+			"Data 3": "320",
+			"Data 4": "100",
+			"Data 5": "220",
+			"Data 6": "300"
+		}
+	],
+	"visualizationType": "Bar",
+	"series": [
+		{
+			"dataKey": "Data 1",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Data 2",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "Data 3",
+			"type": "Bar"
+		}
+	],
+	"description": "This example shows a bar chart created in the visualization editor in WCMS",
+	"dataCutoff": "0"
+}

package/examples/gallery/lollipop/lollipop-style-horizontal.json

@@ -0,0 +1,220 @@
+{
+	"type": "chart",
+	"title": "Lollipop Style Horizontal Bar Chart - Number of Spills Occurring in the Home",
+	"theme": "theme-blue",
+	"fontSize": "medium",
+	"lineDatapointStyle": "hover",
+	"barHasBorder": "false",
+	"isLollipopChart": true,
+	"lollipopShape": "circle",
+	"lollipopColorStyle": "two-tone",
+	"visualizationSubType": "horizontal",
+	"padding": {
+		"left": 5,
+		"right": 5
+	},
+	"yAxis": {
+		"hideAxis": true,
+		"hideLabel": false,
+		"hideTicks": false,
+		"size": "13",
+		"gridLines": false,
+		"type": "chart",
+		"title": "Lollipop Style Horizontal Bar Chart",
+		"theme": "theme-blue",
+		"fontSize": "medium",
+		"lineDatapointStyle": "hover",
+		"barHasBorder": "false",
+		"isLollipopChart": false,
+		"lollipopShape": "circle",
+		"lollipopColorStyle": "two-tone",
+		"visualizationSubType": "horizontal",
+		"padding": {
+			"left": 5,
+			"right": 5
+		},
+		"yAxis": {
+			"size": 50,
+			"gridLines": false
+		},
+		"barThickness": 0.35,
+		"height": 260,
+		"xAxis": {
+			"type": "categorical",
+			"size": 75,
+			"tickRotation": 0,
+			"dataKey": "Vehicle"
+		},
+		"table": {
+			"label": "Data Table",
+			"expanded": true,
+			"show": true
+		},
+		"legend": {
+			"behavior": "isolate",
+			"position": "right"
+		},
+		"exclusions": {
+			"active": false,
+			"keys": []
+		},
+		"palette": "qualitative-bold",
+		"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"
+			}
+		],
+		"dataFileName": "CSV_Source_Example_for_Horizontal_Bar_viz-cdcwp1619811744363.csv",
+		"dataFileSourceType": "file",
+		"visualizationType": "Bar",
+		"runtime": {
+			"seriesLabels": {
+				"Vehicle": "Vehicle"
+			},
+			"seriesLabelsAll": [
+				"Vehicle"
+			],
+			"originalXAxis": {
+				"type": "categorical",
+				"size": 75,
+				"tickRotation": 0,
+				"dataKey": "Vehicle"
+			},
+			"seriesKeys": [
+				"Vehicle"
+			],
+			"xAxis": {
+				"size": 50,
+				"gridLines": false
+			},
+			"yAxis": {
+				"type": "categorical",
+				"size": 75,
+				"tickRotation": 0,
+				"dataKey": "Vehicle"
+			},
+			"horizontal": true,
+			"uniqueId": 1651765968212,
+			"editorErrorMessage": ""
+		},
+		"description": "Subtext can be added here for options like citing data sources or insight into reading the bar chart.",
+		"series": [
+			{
+				"dataKey": "Vehicle",
+				"type": "Bar"
+			}
+		],
+		"barHeight": 25,
+		"barPadding": 40,
+		"labelPlacement": "Below Bar",
+		"displayNumbersOnBar": true,
+		"numTicks": "9",
+		"label": "Number of Accidents"
+	},
+	"barThickness": 0.35,
+	"height": 212,
+	"xAxis": {
+		"type": "categorical",
+		"hideAxis": true,
+		"hideLabel": true,
+		"hideTicks": true,
+		"size": "16",
+		"tickRotation": 0,
+		"max": "160",
+		"dataKey": "Group"
+	},
+	"table": {
+		"label": "Data Table",
+		"expanded": false,
+		"show": true
+	},
+	"orientation": "horizontal",
+	"legend": {
+		"behavior": "isolate",
+		"position": "right",
+		"hide": true,
+		"label": "Accident Location",
+		"reverseLabelOrder": false
+	},
+	"exclusions": {
+		"active": false,
+		"keys": []
+	},
+	"palette": "qualitative-bold",
+	"isPaletteReversed": false,
+	"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"
+		}
+	],
+	"dataFileName": "CSV_Source_Example_for_Horizontal_Bar_viz-cdcwp1619811744363.csv",
+	"dataFileSourceType": "file",
+	"visualizationType": "Bar",
+	"description": "Subtext can be added here for options like citing data sources or insight into reading the bar chart.",
+	"series": [
+		{
+			"dataKey": "Home",
+			"type": "Bar"
+		}
+	],
+	"barHeight": 6,
+	"barPadding": 47,
+	"filters": [],
+	"lollipopSize": "medium"
+}