@cdc/chart 1.3.3 → 4.22.10

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

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

@@ -0,0 +1,196 @@
+{
+	"type": "chart",
+	"title": "Example Paired Bar Chart",
+	"theme": "theme-slate",
+	"fontSize": "small",
+	"lineDatapointStyle": "hover",
+	"barHasBorder": "false",
+	"isLollipopChart": false,
+	"lollipopShape": "circle",
+	"lollipopColorStyle": "two-tone",
+	"visualizationSubType": null,
+	"padding": {
+		"left": 5,
+		"right": 5
+	},
+	"yAxis": {
+		"hideAxis": true,
+		"hideLabel": false,
+		"hideTicks": false,
+		"size": "75",
+		"gridLines": false,
+		"label": "Value Axis",
+		"numTicks": "6"
+	},
+	"barThickness": 0.35,
+	"height": "400",
+	"xAxis": {
+		"type": "categorical",
+		"hideAxis": false,
+		"hideLabel": false,
+		"hideTicks": false,
+		"size": "56",
+		"tickRotation": "0",
+		"max": "15000",
+		"dataKey": "Age Group",
+		"label": "Age Group"
+	},
+	"table": {
+		"label": "Data Table",
+		"expanded": false,
+		"show": true,
+		"indexLabel": "Region"
+	},
+	"orientation": "horizontal",
+	"legend": {
+		"behavior": "isolate",
+		"position": "right",
+		"reverseLabelOrder": false,
+		"hide": false,
+		"label": "Region "
+	},
+	"exclusions": {
+		"active": false,
+		"keys": []
+	},
+	"palette": "qualitative-soft",
+	"isPaletteReversed": false,
+	"labels": false,
+	"dataFormat": {
+		"commas": true,
+		"suffix": " per 100k"
+	},
+	"confidenceKeys": {},
+	"data": [
+		{
+			"Region": "West Coast",
+			"Age Group": "<15",
+			"Cases Per 100K": "7428"
+		},
+		{
+			"Region": "West Coast",
+			"Age Group": "15-24",
+			"Cases Per 100K": "5176"
+		},
+		{
+			"Region": "West Coast",
+			"Age Group": "25-34",
+			"Cases Per 100K": "5624"
+		},
+		{
+			"Region": "West Coast",
+			"Age Group": "35-44",
+			"Cases Per 100K": "10756"
+		},
+		{
+			"Region": "West Coast",
+			"Age Group": "45-54",
+			"Cases Per 100K": "8256"
+		},
+		{
+			"Region": "West Coast",
+			"Age Group": "55-64",
+			"Cases Per 100K": "1235"
+		},
+		{
+			"Region": "West Coast",
+			"Age Group": "65+",
+			"Cases Per 100K": "730"
+		},
+		{
+			"Region": "East Coast",
+			"Age Group": "<15",
+			"Cases Per 100K": "5714"
+		},
+		{
+			"Region": "East Coast",
+			"Age Group": "15-24",
+			"Cases Per 100K": "3588"
+		},
+		{
+			"Region": "East Coast",
+			"Age Group": "25-34",
+			"Cases Per 100K": "3410"
+		},
+		{
+			"Region": "East Coast",
+			"Age Group": "35-44",
+			"Cases Per 100K": "7478"
+		},
+		{
+			"Region": "East Coast",
+			"Age Group": "45-54",
+			"Cases Per 100K": "5633"
+		},
+		{
+			"Region": "East Coast",
+			"Age Group": "55-64",
+			"Cases Per 100K": "810"
+		},
+		{
+			"Region": "East Coast",
+			"Age Group": "65+",
+			"Cases Per 100K": "402"
+		}
+	],
+	"dataFileName": "Paired-Bar-Chart-Example-Data.csv",
+	"dataFileSourceType": "file",
+	"dataDescription": {
+		"horizontal": false,
+		"series": true,
+		"singleRow": false,
+		"seriesKey": "Region",
+		"xKey": "Age Group",
+		"valueKey": "Cases Per 100K"
+	},
+	"formattedData": [
+		{
+			"Age Group": "<15",
+			"West Coast": "7428",
+			"East Coast": "5714"
+		},
+		{
+			"Age Group": "15-24",
+			"West Coast": "5176",
+			"East Coast": "3588"
+		},
+		{
+			"Age Group": "25-34",
+			"West Coast": "5624",
+			"East Coast": "3410"
+		},
+		{
+			"Age Group": "35-44",
+			"West Coast": "10756",
+			"East Coast": "7478"
+		},
+		{
+			"Age Group": "45-54",
+			"West Coast": "8256",
+			"East Coast": "5633"
+		},
+		{
+			"Age Group": "55-64",
+			"West Coast": "1235",
+			"East Coast": "810"
+		},
+		{
+			"Age Group": "65+",
+			"West Coast": "730",
+			"East Coast": "402"
+		}
+	],
+	"visualizationType": "Paired Bar",
+	"series": [
+		{
+			"dataKey": "West Coast",
+			"type": "Bar"
+		},
+		{
+			"dataKey": "East Coast",
+			"type": "Bar"
+		}
+	],
+	"filters": [],
+	"barHeight": "23"
+}

package/examples/horizontal-chart.json

@@ -1,6 +1,9 @@
 {
     "title": "Planet Radius (Combo Example)",
     "dataUrl":  "/examples/planet-example-data.json",
+    "animate": true,
+    "animateReplay": true,
+
     "visualizationType": "Bar",
 	"visualizationSubType": "horizontal",
     "isLollipopChart": false,

package/examples/paired-bar-data.json

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

package/examples/paired-bar-example.json

@@ -1,6 +1,8 @@
 {
     "title": "Paired Bar Chart Example",
     "dataUrl":  "/examples/paired-bar-data.json",
+    "animate": true,
+    "animateReplay": true,
     "visualizationType": "Paired Bar",
     "series": [
         {"dataKey": "Male","type": "Paired Bar"},

package/examples/planet-combo-example-config.json

@@ -1,6 +1,8 @@
 {
     "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": {

package/examples/planet-example-config.json

@@ -2,8 +2,8 @@
     "title": "Planet Radius (Bar Example)",
     "dataUrl":  "/examples/planet-example-data.json",
     "visualizationType": "Bar",
-    "visualizationSubType": "stacked",
-    "series": [{"dataKey": "Radius"}, {"dataKey": "Diameter"}],
+    "visualizationSubType": "regular",
+    "series": [{"dataKey": "Radius"}],
     "fontSize": "medium",
     "dataCutoff": "0.5",
     "orientation": "horizontal",

package/examples/planet-example-data.json

@@ -13,7 +13,7 @@
   },
   {
     "name": "Uranus",
-    "Radius": "3.98",
+    "Radius": "",
     "Diameter": "8",
     "distance": "0"
   },

package/examples/planet-pie-example-config.json

@@ -1,6 +1,8 @@
 {
     "title": "Planet Radius (Pie Example)",
     "dataUrl":  "/examples/planet-example-data.json",
+    "animate": true,
+    "animateReplay": true,
     "visualizationType": "Pie",
     "palette": "qualitative-soft",
     "aspectRatio": 1,

package/examples/private/line-test-data.json

@@ -0,0 +1,22 @@
+[
+	{
+		"Number": "11.0",
+		"Date": "9/1/2022"
+	},
+	{
+		"Number": "12.2",
+		"Date": "9/2/2022"
+	},
+	{
+		"Number": "13.6",
+		"Date": "9/4/2022"
+	},
+	{
+		"Number": "",
+		"Date": "9/5/2022"
+	},
+	{
+		"Number": "6.4",
+		"Date": "9/6/2022"
+	}
+]