@cdc/chart 4.24.10 → 4.24.12-2

package/src/_stories/_mock/line_chart_non_dynamic_ci.json

@@ -0,0 +1,522 @@
+{
+  "annotations": [],
+  "type": "chart",
+  "debugSvg": false,
+  "chartMessage": {
+    "noData": "No Data Available"
+  },
+  "title": "",
+  "showTitle": true,
+  "showDownloadMediaButton": false,
+  "theme": "theme-blue",
+  "animate": false,
+  "fontSize": "medium",
+  "lineDatapointStyle": "hover",
+  "lineDatapointColor": "Same as Line",
+  "barHasBorder": "false",
+  "isLollipopChart": false,
+  "lollipopShape": "circle",
+  "lollipopColorStyle": "two-tone",
+  "visualizationSubType": "regular",
+  "barStyle": "flat",
+  "roundingStyle": "standard",
+  "tipRounding": "top",
+  "isResponsiveTicks": false,
+  "general": {
+    "annotationDropdownText": "Annotations",
+    "showDownloadButton": false,
+    "showMissingDataLabel": true,
+    "showSuppressedSymbol": true,
+    "showZeroValueData": true,
+    "hideNullValue": true
+  },
+  "padding": {
+    "left": 5,
+    "right": 5
+  },
+  "preliminaryData": [],
+  "yAxis": {
+    "hideAxis": false,
+    "displayNumbersOnBar": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 50,
+    "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,
+    "scalePadding": 10,
+    "tickRotation": 0,
+    "anchors": [],
+    "shoMissingDataLabel": true,
+    "showMissingDataLine": true,
+    "categories": []
+  },
+  "boxplot": {
+    "plots": [],
+    "borders": "true",
+    "plotOutlierValues": false,
+    "plotNonOutlierValues": true,
+    "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",
+      "count": "Count",
+      "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": 75,
+    "tickRotation": "45",
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "numTicks": "",
+    "labelOffset": 0,
+    "axisPadding": 200,
+    "target": 0,
+    "maxTickRotation": 0,
+    "padding": "0",
+    "showYearsOnce": false,
+    "sortByRecentDate": false,
+    "dataKey": "date",
+    "axisBBox": 116.57705688476562,
+    "tickWidthMax": 93,
+    "dateParseFormat": "%Y-%m-%d",
+    "dateDisplayFormat": "%Y-%m-%d",
+    "manual": false,
+    "label": "Date"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": true,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": false,
+    "showDataTableLink": true,
+    "showDownloadLinkBelow": true,
+    "indexLabel": "",
+    "download": true,
+    "showVertical": true,
+    "dateDisplayFormat": "%Y-%m-%d",
+    "showMissingDataLabel": true,
+    "showSuppressedSymbol": true,
+    "show": true
+  },
+  "orientation": "vertical",
+  "color": "pinkpurple",
+  "columns": {
+    "male_ci": {
+      "label": "Male (CI)",
+      "dataTable": true,
+      "tooltips": false,
+      "prefix": "",
+      "suffix": "",
+      "forestPlot": false,
+      "startingPoint": "0",
+      "forestPlotAlignRight": false,
+      "roundToPlace": 0,
+      "commas": false,
+      "showInViz": false,
+      "forestPlotStartingPoint": 0,
+      "name": "male_ci"
+    },
+    "female_ci": {
+      "label": "Female (CI)",
+      "dataTable": true,
+      "tooltips": false,
+      "prefix": "",
+      "suffix": "",
+      "forestPlot": false,
+      "startingPoint": "0",
+      "forestPlotAlignRight": false,
+      "roundToPlace": 0,
+      "commas": false,
+      "showInViz": false,
+      "forestPlotStartingPoint": 0,
+      "name": "female_ci"
+    },
+    "male": {
+      "label": "male",
+      "dataTable": false,
+      "tooltips": false,
+      "prefix": "",
+      "suffix": "",
+      "forestPlot": false,
+      "startingPoint": "0",
+      "forestPlotAlignRight": false,
+      "roundToPlace": 0,
+      "commas": false,
+      "showInViz": false,
+      "forestPlotStartingPoint": 0,
+      "name": "male"
+    },
+    "female": {
+      "label": "female",
+      "dataTable": false,
+      "tooltips": false,
+      "prefix": "",
+      "suffix": "",
+      "forestPlot": false,
+      "startingPoint": "0",
+      "forestPlotAlignRight": false,
+      "roundToPlace": 0,
+      "commas": false,
+      "showInViz": false,
+      "forestPlotStartingPoint": 0,
+      "name": "female"
+    },
+    "date": {
+      "label": "Date",
+      "dataTable": true,
+      "tooltips": false,
+      "prefix": "",
+      "suffix": "",
+      "forestPlot": false,
+      "startingPoint": "0",
+      "forestPlotAlignRight": false,
+      "roundToPlace": 0,
+      "commas": false,
+      "showInViz": false,
+      "forestPlotStartingPoint": 0,
+      "name": "date"
+    }
+  },
+  "legend": {
+    "hide": false,
+    "behavior": "isolate",
+    "axisAlign": true,
+    "singleRow": true,
+    "colorCode": "",
+    "reverseLabelOrder": false,
+    "description": "",
+    "dynamicLegend": false,
+    "dynamicLegendDefaultText": "Show All",
+    "dynamicLegendItemLimit": 5,
+    "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
+    "dynamicLegendChartMessage": "Select Options from the Legend",
+    "label": "",
+    "lineMode": false,
+    "verticalSorted": false,
+    "highlightOnHover": false,
+    "hideSuppressedLabels": false,
+    "hideSuppressionLink": false,
+    "seriesHighlight": [],
+    "style": "circles",
+    "subStyle": "linear blocks",
+    "tickRotation": "",
+    "hideBorder": {
+      "side": false,
+      "topBottom": true
+    },
+    "position": "right"
+  },
+  "brush": {
+    "height": 25,
+    "active": false
+  },
+  "exclusions": {
+    "active": true,
+    "keys": [],
+    "dateStart": "2023-01-02",
+    "dateEnd": "2023-01-11"
+  },
+  "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": {
+    "upper": "female_lower",
+    "lower": "female_upper"
+  },
+  "visual": {
+    "border": true,
+    "accent": true,
+    "background": true,
+    "verticalHoverLine": false,
+    "horizontalHoverLine": false
+  },
+  "useLogScale": false,
+  "filterBehavior": "Filter Change",
+  "highlightedBarValues": [],
+  "series": [
+    {
+      "dataKey": "female",
+      "type": "Line",
+      "axis": "Left",
+      "tooltip": true
+    }
+  ],
+  "tooltips": {
+    "opacity": 90,
+    "singleSeries": false,
+    "dateDisplayFormat": ""
+  },
+  "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
+  },
+  "sankey": {
+    "title": {
+      "defaultColor": "black"
+    },
+    "iterations": 1,
+    "rxValue": 0.9,
+    "overallSize": {
+      "width": 900,
+      "height": 700
+    },
+    "margin": {
+      "margin_y": 25,
+      "margin_x": 0
+    },
+    "nodeSize": {
+      "nodeWidth": 26,
+      "nodeHeight": 40
+    },
+    "nodePadding": 55,
+    "nodeFontColor": "black",
+    "nodeColor": {
+      "default": "#ff8500",
+      "inactive": "#808080"
+    },
+    "linkColor": {
+      "default": "#ffc900",
+      "inactive": "#D3D3D3"
+    },
+    "opacity": {
+      "nodeOpacityDefault": 1,
+      "nodeOpacityInactive": 0.1,
+      "LinkOpacityDefault": 1,
+      "LinkOpacityInactive": 0.1
+    },
+    "storyNodeFontColor": "#006778",
+    "storyNodeText": [],
+    "nodeValueStyle": {
+      "textBefore": "(",
+      "textAfter": ")"
+    },
+    "data": []
+  },
+  "visualizationType": "Line",
+  "data": [
+    {
+      "date": "2023-01-01",
+      "male": 67,
+      "male_lower": 65,
+      "male_upper": 69,
+      "female": 77,
+      "female_lower": 73,
+      "female_upper": 81,
+      "male_ci": "CI (65, 69)",
+      "female_ci": "CI (73, 81)"
+    },
+    {
+      "date": "2023-01-02",
+      "male": 11,
+      "male_lower": 10,
+      "male_upper": 13,
+      "female": 21,
+      "female_lower": 18,
+      "female_upper": 24,
+      "male_ci": "CI (10, 13)",
+      "female_ci": "CI (18, 24)"
+    },
+    {
+      "date": "2023-01-03",
+      "male": 94,
+      "male_lower": 92,
+      "male_upper": 96,
+      "female": 104,
+      "female_lower": 100,
+      "female_upper": 108,
+      "male_ci": "CI (92, 96)",
+      "female_ci": "CI (100, 108)"
+    },
+    {
+      "date": "2023-01-04",
+      "male": 95,
+      "male_lower": 93,
+      "male_upper": 97,
+      "female": 105,
+      "female_lower": 101,
+      "female_upper": 109,
+      "male_ci": "CI (93, 97)",
+      "female_ci": "CI (101, 109)"
+    },
+    {
+      "date": "2023-01-05",
+      "male": 79,
+      "male_lower": 77,
+      "male_upper": 81,
+      "female": 89,
+      "female_lower": 85,
+      "female_upper": 93,
+      "male_ci": "CI (77, 81)",
+      "female_ci": "CI (85, 93)"
+    },
+    {
+      "date": "2023-01-06",
+      "male": 2,
+      "male_lower": 1,
+      "male_upper": 3,
+      "female": 12,
+      "female_lower": 9,
+      "female_upper": 15,
+      "male_ci": "CI (1, 3)",
+      "female_ci": "CI (9, 15)"
+    },
+    {
+      "date": "2023-01-07",
+      "male": 36,
+      "male_lower": 34,
+      "male_upper": 38,
+      "female": 46,
+      "female_lower": 42,
+      "female_upper": 50,
+      "male_ci": "CI (34, 38)",
+      "female_ci": "CI (42, 50)"
+    },
+    {
+      "date": "2023-01-08",
+      "male": 9,
+      "male_lower": 7,
+      "male_upper": 11,
+      "female": 19,
+      "female_lower": 16,
+      "female_upper": 22,
+      "male_ci": "CI (7, 11)",
+      "female_ci": "CI (16, 22)"
+    },
+    {
+      "date": "2023-01-09",
+      "male": 3,
+      "male_lower": 2,
+      "male_upper": 4,
+      "female": 13,
+      "female_lower": 10,
+      "female_upper": 16,
+      "male_ci": "CI (2, 4)",
+      "female_ci": "CI (10, 16)"
+    },
+    {
+      "date": "2023-01-10",
+      "male": 64,
+      "male_lower": 62,
+      "male_upper": 66,
+      "female": 74,
+      "female_lower": 70,
+      "female_upper": 78,
+      "male_ci": "CI (62, 66)",
+      "female_ci": "CI (70, 78)"
+    }
+  ],
+  "dataFileName": "valid-forecast-data.csv",
+  "dataFileSourceType": "file",
+  "dataDescription": {
+    "horizontal": false,
+    "series": false
+  },
+  "version": "4.24.10",
+  "dynamicMarginTop": 0,
+  "regions": []
+}

package/{examples/feature/scatterplot/scatterplot.json → src/_stories/_mock/scatterplot_mock.json}

@@ -4,6 +4,18 @@
   "chartMessage": {
     "noData": "No Data Available"
   },
+  "customColors": [
+    "red",
+    "orange",
+    "yellow",
+    "green",
+    "blue",
+    "purple",
+    "pink",
+    "brown",
+    "gray",
+    "black"
+  ],
   "title": "",
   "showTitle": true,
   "showDownloadMediaButton": false,
@@ -256,116 +268,74 @@
   "visualizationType": "Scatter Plot",
   "data": [
     {
-      "x": "1",
-      "y1": "8",
-      "y2": "37",
-      "y3": "72",
-      "y4": "82"
-    },
-    {
-      "x": "2",
-      "y1": "2",
-      "y2": "30",
-      "y3": "75",
-      "y4": "83"
-    },
-    {
-      "x": "3",
-      "y1": "15",
-      "y2": "42",
-      "y3": "51",
-      "y4": "95"
-    },
-    {
-      "x": "4",
-      "y1": "10",
-      "y2": "38",
-      "y3": "61",
-      "y4": "96"
-    },
-    {
-      "x": "5",
-      "y1": "1",
-      "y2": "38",
-      "y3": "66",
-      "y4": "86"
-    },
-    {
-      "x": "60",
-      "y1": "6",
-      "y2": "37",
-      "y3": "70",
-      "y4": "85"
-    },
-    {
-      "x": "10",
-      "y1": "19",
-      "y2": "47",
-      "y3": "59",
-      "y4": "91"
+      "x": 60000,
+      "y1": 19000,
+      "y2": 47000,
+      "y3": 59000,
+      "y4": 91000
     },
     {
-      "x": "24",
-      "y1": "18",
-      "y2": "32",
-      "y3": "68",
-      "y4": "89"
+      "x": 64000,
+      "y1": 18000,
+      "y2": 32000,
+      "y3": 68000,
+      "y4": 89000
     },
     {
-      "x": "3",
-      "y1": "7",
-      "y2": "38",
-      "y3": "74",
-      "y4": "89"
+      "x": 63000,
+      "y1": 7000,
+      "y2": 38000,
+      "y3": 74000,
+      "y4": 89000
     },
     {
-      "x": "26",
-      "y1": "10",
-      "y2": "39",
-      "y3": "56",
-      "y4": "91"
+      "x": 66000,
+      "y1": 10000,
+      "y2": 39000,
+      "y3": 56000,
+      "y4": 91000
     },
     {
-      "x": "42",
-      "y1": "16",
-      "y2": "38",
-      "y3": "55",
-      "y4": "76"
+      "x": 62000,
+      "y1": 16000,
+      "y2": 38000,
+      "y3": 55000,
+      "y4": 76000
     },
     {
-      "x": "32",
-      "y1": "20",
-      "y2": "46",
-      "y3": "52",
-      "y4": "94"
+      "x": 62000,
+      "y1": 20000,
+      "y2": 46000,
+      "y3": 52000,
+      "y4": 94000
     },
     {
-      "x": "11",
-      "y1": "9",
-      "y2": "41",
-      "y3": "57",
-      "y4": "86"
+      "x": 61000,
+      "y1": 9000,
+      "y2": 41000,
+      "y3": 57000,
+      "y4": 86000
     },
     {
-      "x": "22",
-      "y1": "10",
-      "y2": "47",
-      "y3": "56",
-      "y4": "80"
+      "x": 62000,
+      "y1": 10000,
+      "y2": 47000,
+      "y3": 56000,
+      "y4": 80000
     },
     {
-      "x": "73",
-      "y1": "1",
-      "y2": "36",
-      "y3": "71",
-      "y4": "94"
+      "x": 73000,
+      "y1": 1000,
+      "y2": 36000,
+      "y3": 71000,
+      "y4": 94000
     },
     {
-      "x": "23",
-      "y1": "13",
-      "y2": "30",
-      "y3": "66",
-      "y4": "78"
+      "x": 63000,
+      "y1": 13000,
+      "y2": 30000,
+      "y3": 66000,
+      "y4": 78000
     }
   ],
   "dataFileName": "valid-scatterplot.csv",