@cdc/chart 1.3.4 → 4.22.10

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

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