@cdc/chart 1.3.4 → 4.22.11

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