@cdc/chart 4.23.11 → 4.24.1

package/examples/feature/forest-plot/forest-plot.json

@@ -1,6 +1,9 @@
 {
   "type": "chart",
   "debugSvg": false,
+  "chartMessage": {
+    "noData": "No Data Available"
+  },
   "title": "Forest Plot Example",
   "showTitle": true,
   "showDownloadMediaButton": false,
@@ -8,6 +11,7 @@
   "animate": false,
   "fontSize": "medium",
   "lineDatapointStyle": "hover",
+  "lineDatapointColor": "Same as Line",
   "barHasBorder": "false",
   "isLollipopChart": false,
   "lollipopShape": "circle",
@@ -24,6 +28,7 @@
     "left": 5,
     "right": 5
   },
+  "suppressedData": [],
   "yAxis": {
     "hideAxis": true,
     "displayNumbersOnBar": false,
@@ -94,6 +99,7 @@
     "horizontal": 750
   },
   "xAxis": {
+    "sortDates": false,
     "anchors": [],
     "type": "categorical",
     "showTargetLabel": true,
@@ -115,7 +121,8 @@
     "maxTickRotation": 0,
     "dataKey": "Author(s) and Year",
     "label": "",
-    "labelPlacement": "On Date/Category Axis"
+    "labelPlacement": "On Date/Category Axis",
+    "tickWidthMax": 37
   },
   "table": {
     "label": "Data Table",
@@ -133,18 +140,27 @@
   "orientation": "horizontal",
   "color": "pinkpurple",
   "columns": {
-    "additionalColumn4": {
-      "label": "Result",
+    "Estimate": {
+      "dataKey": "Estimate",
+      "name": "Estimate",
+      "dataTable": true,
+      "tooltips": true
+    },
+    "Lower": {
+      "dataKey": "Lower",
+      "name": "Lower",
+      "dataTable": true,
+      "tooltips": true
+    },
+    "Upper": {
+      "dataKey": "Upper",
+      "name": "Upper",
       "dataTable": true,
-      "tooltips": false,
-      "prefix": "",
-      "suffix": "",
-      "name": "Result",
-      "forestPlotAlignRight": true,
-      "forestPlot": true
+      "tooltips": true
     }
   },
   "legend": {
+    "hide": true,
     "behavior": "isolate",
     "singleRow": false,
     "colorCode": "",
@@ -155,7 +171,14 @@
     "dynamicLegendItemLimit": 5,
     "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
     "dynamicLegendChartMessage": "Select Options from the Legend",
-    "hide": true
+    "lineMode": false,
+    "verticalSorted": false,
+    "highlightOnHover": false
+  },
+  "brush": {
+    "height": 25,
+    "data": [],
+    "active": false
   },
   "exclusions": {
     "active": true,
@@ -188,9 +211,17 @@
   "useLogScale": false,
   "filterBehavior": "Filter Change",
   "highlightedBarValues": [],
-  "series": [],
+  "series": [
+    {
+      "dataKey": "Confidence",
+      "type": "Forest Plot",
+      "axis": "Left",
+      "tooltip": true
+    }
+  ],
   "tooltips": {
-    "opacity": 90
+    "opacity": 90,
+    "singleSeries": false
   },
   "forestPlot": {
     "startAt": "0",
@@ -198,13 +229,18 @@
       "line": "",
       "shape": ""
     },
+    "lineOfNoEffect": {
+      "show": true
+    },
+    "type": "Linear",
+    "pooledResult": {
+      "diamondHeight": 5,
+      "column": ""
+    },
     "estimateField": "Estimate",
     "estimateRadius": "",
-    "lowerCiField": "",
-    "upperCiField": "",
     "shape": "circle",
     "rowHeight": "20",
-    "showZeroLine": true,
     "description": {
       "show": true,
       "text": "description",
@@ -216,9 +252,9 @@
       "location": 100
     },
     "radius": {
-      "min": 1,
+      "min": 3,
       "max": 5,
-      "scalingColumn": "Estimate"
+      "scalingColumn": "N"
     },
     "regression": {
       "showBaseLine": true,
@@ -227,6 +263,13 @@
       "lower": "#87c4c3",
       "estimateField": "-10"
     },
+    "leftWidthOffset": "15",
+    "rightWidthOffset": "25",
+    "showZeroLine": true,
+    "leftLabel": "left",
+    "rightLabel": "right",
+    "lowerCiField": "",
+    "upperCiField": "",
     "hasZeroLine": true,
     "lower": "Lower",
     "upper": "Upper",
@@ -235,11 +278,12 @@
     },
     "title": "Plot Title 2",
     "padding": "200",
-    "leftWidthOffset": "15",
-    "rightWidthOffset": "25",
     "leftWidthOffsetMobile": "45",
     "rightWidthOffsetMobile": "45"
   },
+  "area": {
+    "isStacked": false
+  },
   "datasets": {},
   "visualizationType": "Forest Plot",
   "data": [

package/examples/feature/forest-plot/linear.json

@@ -11,6 +11,7 @@
   "animate": false,
   "fontSize": "medium",
   "lineDatapointStyle": "hover",
+  "lineDatapointColor": "Same as Line",
   "barHasBorder": "false",
   "isLollipopChart": false,
   "lollipopShape": "circle",
@@ -117,7 +118,7 @@
     "target": 0,
     "maxTickRotation": 0,
     "dataKey": "Author(s) and Year",
-    "tickWidthMax": null
+    "tickWidthMax": 37
   },
   "table": {
     "label": "Data Table",
@@ -160,7 +161,8 @@
     "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
     "dynamicLegendChartMessage": "Select Options from the Legend",
     "lineMode": false,
-    "verticalSorted": false
+    "verticalSorted": false,
+    "highlightOnHover": false
   },
   "brush": {
     "height": 25,
@@ -202,7 +204,54 @@
   "highlightedBarValues": [],
   "series": [],
   "tooltips": {
-    "opacity": 90
+    "opacity": 90,
+    "singleSeries": false
+  },
+  "forestPlot": {
+    "startAt": 0,
+    "colors": {
+      "line": "",
+      "shape": ""
+    },
+    "lineOfNoEffect": {
+      "show": true
+    },
+    "type": "Linear",
+    "pooledResult": {
+      "diamondHeight": 5,
+      "column": "Total"
+    },
+    "estimateField": "Estimate",
+    "estimateRadius": "",
+    "rowHeight": 20,
+    "description": {
+      "show": true,
+      "text": "description",
+      "location": 0
+    },
+    "result": {
+      "show": true,
+      "text": "result",
+      "location": 100
+    },
+    "radius": {
+      "min": 3,
+      "max": 10,
+      "scalingColumn": "N"
+    },
+    "regression": {
+      "lower": 0,
+      "upper": 0,
+      "estimateField": 0
+    },
+    "leftWidthOffset": 0,
+    "rightWidthOffset": 0,
+    "showZeroLine": false,
+    "hideDateCategoryCol": false,
+    "leftLabel": "",
+    "rightLabel": "",
+    "lower": "Lower",
+    "upper": "Upper"
   },
   "area": {
     "isStacked": false

package/examples/feature/forest-plot/log.json

@@ -0,0 +1,26 @@
+[
+  {
+    "description": "Study 1",
+    "low": 0.88,
+    "high": 0.95,
+    "effect": 0.92
+  },
+  {
+    "description": "Study 2",
+    "low": 0.84,
+    "high": 0.94,
+    "effect": 0.89
+  },
+  {
+    "description": "Study 3",
+    "low": 0.88,
+    "high": 0.98,
+    "effect": 0.93
+  },
+  {
+    "description": "Study 4",
+    "low": 0.91,
+    "high": 0.99,
+    "effect": 0.97
+  }
+]

package/examples/feature/forest-plot/logarithmic.json

@@ -128,41 +128,6 @@
   },
   "orientation": "horizontal",
   "color": "pinkpurple",
-  "columns": {
-    "additionalColumn1": {
-      "label": "Estimate Field",
-      "dataTable": true,
-      "tooltips": true,
-      "prefix": "",
-      "suffix": "",
-      "forestPlot": false,
-      "startingPoint": "0",
-      "forestPlotAlignRight": false,
-      "name": "effect"
-    },
-    "additionalColumn2": {
-      "label": "Low",
-      "dataTable": true,
-      "tooltips": true,
-      "prefix": "",
-      "suffix": "",
-      "forestPlot": false,
-      "startingPoint": "0",
-      "forestPlotAlignRight": false,
-      "name": "low"
-    },
-    "additionalColumn3": {
-      "label": "High",
-      "dataTable": true,
-      "tooltips": true,
-      "prefix": "",
-      "suffix": "",
-      "forestPlot": false,
-      "startingPoint": "0",
-      "forestPlotAlignRight": false,
-      "name": "high"
-    }
-  },
   "legend": {
     "behavior": "isolate",
     "singleRow": false,

package/examples/feature/line/line-chart-preliminary.json

@@ -0,0 +1,346 @@
+{
+  "type": "chart",
+  "debugSvg": false,
+  "chartMessage": {
+    "noData": "No Data Available"
+  },
+  "title": "Example Stacked Bar Chart",
+  "showTitle": true,
+  "showDownloadMediaButton": false,
+  "theme": "theme-orange",
+  "animate": false,
+  "fontSize": "medium",
+  "lineDatapointStyle": "hover",
+  "lineDatapointColor": "Same as Line",
+  "barHasBorder": "false",
+  "isLollipopChart": false,
+  "lollipopShape": "circle",
+  "lollipopColorStyle": "two-tone",
+  "visualizationSubType": "stacked",
+  "barStyle": "",
+  "roundingStyle": "standard",
+  "tipRounding": "top",
+  "isResponsiveTicks": false,
+  "general": {
+    "showDownloadButton": false
+  },
+  "padding": {
+    "left": 5,
+    "right": 5
+  },
+  "suppressedData": [],
+  "preliminaryData": [
+    {
+      "type": "effect",
+      "label": "Cricle  1",
+      "column": "Data 2",
+      "value": "20",
+      "style": "Open Circles",
+      "seriesKey": "Data 1"
+    },
+    {
+      "type": "",
+      "label": "Cricle 2",
+      "column": "Data 3",
+      "value": "20",
+      "style": "Open Circles",
+      "seriesKey": "Data 1"
+    },
+    {
+      "type": "effect",
+      "label": "circle 3",
+      "column": "Data 2",
+      "value": "30",
+      "style": "Open Circles",
+      "seriesKey": "Data 1"
+    }
+  ],
+  "yAxis": {
+    "hideAxis": false,
+    "displayNumbersOnBar": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": "64",
+    "gridLines": false,
+    "enablePadding": false,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "rightHideAxis": true,
+    "rightAxisSize": 0,
+    "rightLabel": "",
+    "rightLabelOffsetSize": 0,
+    "rightAxisLabelColor": "#333",
+    "rightAxisTickLabelColor": "#333",
+    "rightAxisTickColor": "#333",
+    "numTicks": "",
+    "axisPadding": 0,
+    "tickRotation": 0,
+    "anchors": [],
+    "label": "Y-Axis Label Example"
+  },
+  "boxplot": {
+    "plots": [],
+    "borders": "true",
+    "firstQuartilePercentage": 25,
+    "thirdQuartilePercentage": 75,
+    "boxWidthPercentage": 40,
+    "plotOutlierValues": false,
+    "plotNonOutlierValues": true,
+    "legend": {
+      "showHowToReadText": false,
+      "howToReadText": ""
+    },
+    "labels": {
+      "q1": "Lower Quartile",
+      "q2": "q2",
+      "q3": "Upper Quartile",
+      "q4": "q4",
+      "minimum": "Minimum",
+      "maximum": "Maximum",
+      "mean": "Mean",
+      "median": "Median",
+      "sd": "Standard Deviation",
+      "iqr": "Interquartile Range",
+      "total": "Total",
+      "outliers": "Outliers",
+      "values": "Values",
+      "lowerBounds": "Lower Bounds",
+      "upperBounds": "Upper Bounds"
+    }
+  },
+  "topAxis": {
+    "hasLine": false
+  },
+  "isLegendValue": false,
+  "barThickness": 0.35,
+  "barHeight": 25,
+  "barSpace": 15,
+  "heights": {
+    "vertical": 300,
+    "horizontal": 750
+  },
+  "xAxis": {
+    "sortDates": false,
+    "anchors": [],
+    "type": "categorical",
+    "showTargetLabel": true,
+    "targetLabel": "Target",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": "67",
+    "tickRotation": "25",
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "numTicks": "",
+    "labelOffset": 65,
+    "axisPadding": 0,
+    "target": 0,
+    "maxTickRotation": 0,
+    "dataKey": "Year",
+    "label": "X-Axis Label Example",
+    "tickWidthMax": 41
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": true,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": false,
+    "showDataTableLink": true,
+    "indexLabel": "",
+    "download": true,
+    "showVertical": false,
+    "show": true
+  },
+  "orientation": "vertical",
+  "color": "pinkpurple",
+  "columns": {},
+  "legend": {
+    "hide": false,
+    "behavior": "isolate",
+    "singleRow": false,
+    "colorCode": "",
+    "reverseLabelOrder": false,
+    "description": "",
+    "dynamicLegend": false,
+    "dynamicLegendDefaultText": "Show All",
+    "dynamicLegendItemLimit": 5,
+    "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
+    "dynamicLegendChartMessage": "Select Options from the Legend",
+    "lineMode": false,
+    "verticalSorted": false,
+    "highlightOnHover": false,
+    "position": "right",
+    "label": "Data Type"
+  },
+  "brush": {
+    "height": 25,
+    "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"
+      }
+    ],
+    "active": false
+  },
+  "exclusions": {
+    "active": false,
+    "keys": []
+  },
+  "palette": "qualitative-bold",
+  "isPaletteReversed": false,
+  "twoColor": {
+    "palette": "monochrome-1",
+    "isPaletteReversed": false
+  },
+  "labels": false,
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": "%",
+    "abbreviated": false,
+    "bottomSuffix": "",
+    "bottomPrefix": "",
+    "bottomAbbreviated": false
+  },
+  "confidenceKeys": {},
+  "visual": {
+    "border": true,
+    "accent": true,
+    "background": true,
+    "verticalHoverLine": false,
+    "horizontalHoverLine": false
+  },
+  "useLogScale": false,
+  "filterBehavior": "Filter Change",
+  "highlightedBarValues": [],
+  "series": [
+    {
+      "dataKey": "Data 1",
+      "type": "Bar",
+      "tooltip": true,
+      "axis": "Left"
+    },
+    {
+      "dataKey": "Data 2",
+      "type": "Bar",
+      "tooltip": true,
+      "axis": "Left"
+    },
+    {
+      "dataKey": "Data 3",
+      "type": "Bar",
+      "tooltip": true,
+      "axis": "Left"
+    }
+  ],
+  "tooltips": {
+    "opacity": 90,
+    "singleSeries": false
+  },
+  "forestPlot": {
+    "startAt": 0,
+    "colors": {
+      "line": "",
+      "shape": ""
+    },
+    "lineOfNoEffect": {
+      "show": true
+    },
+    "type": "",
+    "pooledResult": {
+      "diamondHeight": 5,
+      "column": ""
+    },
+    "estimateField": "",
+    "estimateRadius": "",
+    "shape": "square",
+    "rowHeight": 20,
+    "description": {
+      "show": true,
+      "text": "description",
+      "location": 0
+    },
+    "result": {
+      "show": true,
+      "text": "result",
+      "location": 100
+    },
+    "radius": {
+      "min": 2,
+      "max": 10,
+      "scalingColumn": ""
+    },
+    "regression": {
+      "lower": 0,
+      "upper": 0,
+      "estimateField": 0
+    },
+    "leftWidthOffset": 0,
+    "rightWidthOffset": 0,
+    "showZeroLine": false,
+    "leftLabel": "",
+    "rightLabel": ""
+  },
+  "area": {
+    "isStacked": false
+  },
+  "height": "375",
+  "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": "Line",
+  "validated": 4.23,
+  "dynamicMarginTop": 0
+}