@cdc/chart 4.26.3 → 4.26.5

package/examples/xaxis.json

@@ -1,493 +0,0 @@
-{
-    "type": "chart",
-    "debugSvg": false,
-    "chartMessage": {
-        "noData": "No Data Available"
-    },
-    "title": "",
-    "showTitle": true,
-    "showDownloadMediaButton": false,
-    "theme": "theme-blue",
-    "animate": false,
-    "fontSize": "small",
-    "lineDatapointStyle": "hover",
-    "lineDatapointColor": "Same as Line",
-    "barHasBorder": "false",
-    "isLollipopChart": false,
-    "lollipopShape": "circle",
-    "lollipopColorStyle": "two-tone",
-    "visualizationSubType": "regular",
-    "barStyle": "",
-    "roundingStyle": "standard",
-    "tipRounding": "top",
-    "isResponsiveTicks": false,
-    "general": {
-        "showDownloadButton": false
-    },
-    "padding": {
-        "left": 5,
-        "right": 5
-    },
-    "suppressedData": [],
-    "preliminaryData": [],
-    "yAxis": {
-        "hideAxis": false,
-        "displayNumbersOnBar": false,
-        "hideLabel": false,
-        "hideTicks": false,
-        "size": "55",
-        "gridLines": true,
-        "enablePadding": true,
-        "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": [],
-        "label": "Percent of Beds Occupied (7-Day Average)"
-    },
-    "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": "350",
-        "horizontal": 750
-    },
-    "xAxis": {
-        "sortDates": false,
-        "anchors": [],
-        "type": "date",
-        "showTargetLabel": true,
-        "targetLabel": "Target",
-        "hideAxis": false,
-        "hideLabel": false,
-        "hideTicks": false,
-        "size": "110",
-        "tickRotation": "45",
-        "min": "",
-        "max": "",
-        "labelColor": "#333",
-        "tickLabelColor": "#333",
-        "tickColor": "#333",
-        "numTicks": "12",
-        "labelOffset": 65,
-        "axisPadding": 0,
-        "target": 0,
-        "maxTickRotation": 0,
-        "dataKey": "week_end",
-        "dateParseFormat": "%Y-%m-%d",
-        "dateDisplayFormat": "%m/%d/%Y",
-        "label": "Week Ending",
-        "tickWidthMax": 81,
-        "padding": 6
-    },
-    "table": {
-        "label": "Data Table",
-        "expanded": false,
-        "limitHeight": false,
-        "height": "",
-        "caption": "",
-        "showDownloadUrl": false,
-        "showDataTableLink": true,
-        "indexLabel": "Week Ending",
-        "download": true,
-        "showVertical": true,
-        "dateDisplayFormat": "",
-        "show": true
-    },
-    "orientation": "vertical",
-    "color": "pinkpurple",
-    "columns": {},
-    "legend": {
-        "hide": false,
-        "behavior": "isolate",
-        "axisAlign": true,
-        "singleRow": true,
-        "colorCode": "",
-        "reverseLabelOrder": false,
-        "description": "Select a virus to add or remove it from the graphic",
-        "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,
-        "seriesHighlight": [],
-        "position": "bottom"
-    },
-    "brush": {
-        "height": 25,
-        "data": [],
-        "active": false,
-        "pattern_id": "brush_pattern",
-        "accent_color": "#ddd"
-    },
-    "exclusions": {
-        "active": false,
-        "keys": []
-    },
-    "palette": "qualitative-bold",
-    "isPaletteReversed": false,
-    "twoColor": {
-        "palette": "monochrome-1",
-        "isPaletteReversed": false
-    },
-    "labels": false,
-    "dataFormat": {
-        "commas": false,
-        "prefix": "",
-        "suffix": "%",
-        "abbreviated": true,
-        "bottomSuffix": "",
-        "bottomPrefix": "",
-        "bottomAbbreviated": false,
-        "roundTo": "1"
-    },
-    "confidenceKeys": {},
-    "visual": {
-        "border": true,
-        "accent": true,
-        "background": true,
-        "verticalHoverLine": true,
-        "horizontalHoverLine": false
-    },
-    "useLogScale": false,
-    "filterBehavior": "Filter Change",
-    "highlightedBarValues": [],
-    "series": [
-        {
-            "dataKey": "All Patients",
-            "type": "Line",
-            "axis": "Left",
-            "tooltip": true
-        },
-        {
-            "dataKey": "COVID-19",
-            "type": "Line",
-            "axis": "Left",
-            "tooltip": true
-        },
-        {
-            "dataKey": "Influenza",
-            "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": "",
-        "rowHeight": 20,
-        "description": {
-            "show": true,
-            "text": "description",
-            "location": 0
-        },
-        "result": {
-            "show": true,
-            "text": "result",
-            "location": 100
-        },
-        "radius": {
-            "min": 1,
-            "max": 8,
-            "scalingColumn": ""
-        },
-        "regression": {
-            "lower": 0,
-            "upper": 0,
-            "estimateField": 0
-        },
-        "leftWidthOffset": 0,
-        "rightWidthOffset": 0,
-        "showZeroLine": false,
-        "leftLabel": "",
-        "rightLabel": "",
-        "hideDateCategoryCol": false,
-        "width": "auto",
-        "lowerCiField": "",
-        "upperCiField": ""
-    },
-    "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": []
-    },
-    "showChartBrush": false,
-    "visualizationType": "Line",
-    "customColors": [
-        "#000000",
-        "#f06f19",
-        "#0a58d6",
-        "#890664",
-        "#000000",
-        "#0A6C75",
-        "#00a089",
-        "#87b6f9",
-        "#867a77",
-        "#000000"
-    ],
-    "dataFileName": "/wcms/vizdata/Respitory_Viruses/NHSNHospitalCapacity.json",
-    "dataFileSourceType": "url",
-    "dataUrl": "/wcms/vizdata/Respitory_Viruses/NHSNHospitalCapacity.json",
-    "dataDescription": {
-        "horizontal": false,
-        "series": true,
-        "singleRow": false,
-        "seriesKey": "patient_type",
-        "xKey": "week_end",
-        "valueKeys": [
-            "percent_beds_occupied"
-        ]
-    },
-    "validated": "4.24.3",
-    "filters": [
-        {
-            "values": [
-                "United States",
-                "Alabama",
-                "Alaska",
-                "Arizona",
-                "Arkansas",
-                "California",
-                "Colorado",
-                "Connecticut",
-                "Delaware",
-                "District of Columbia",
-                "Florida",
-                "Georgia",
-                "Hawaii",
-                "Idaho",
-                "Illinois",
-                "Indiana",
-                "Iowa",
-                "Kansas",
-                "Kentucky",
-                "Louisiana",
-                "Maine",
-                "Maryland",
-                "Massachusetts",
-                "Michigan",
-                "Minnesota",
-                "Mississippi",
-                "Missouri",
-                "Montana",
-                "Nebraska",
-                "Nevada",
-                "New Hampshire",
-                "New Jersey",
-                "New Mexico",
-                "New York",
-                "North Carolina",
-                "North Dakota",
-                "Ohio",
-                "Oklahoma",
-                "Oregon",
-                "Pennsylvania",
-                "Puerto Rico",
-                "Rhode Island",
-                "South Carolina",
-                "South Dakota",
-                "Tennessee",
-                "Texas",
-                "Utah",
-                "Vermont",
-                "Virgin Islands",
-                "Virginia",
-                "Washington",
-                "West Virginia",
-                "Wisconsin",
-                "Wyoming"
-            ],
-            "active": "United States",
-            "filterStyle": "dropdown",
-            "order": "cust",
-            "columnName": "geography",
-            "orderedValues": [
-                "United States",
-                "Alabama",
-                "Alaska",
-                "Arizona",
-                "Arkansas",
-                "California",
-                "Colorado",
-                "Connecticut",
-                "Delaware",
-                "District of Columbia",
-                "Florida",
-                "Georgia",
-                "Hawaii",
-                "Idaho",
-                "Illinois",
-                "Indiana",
-                "Iowa",
-                "Kansas",
-                "Kentucky",
-                "Louisiana",
-                "Maine",
-                "Maryland",
-                "Massachusetts",
-                "Michigan",
-                "Minnesota",
-                "Mississippi",
-                "Missouri",
-                "Montana",
-                "Nebraska",
-                "Nevada",
-                "New Hampshire",
-                "New Jersey",
-                "New Mexico",
-                "New York",
-                "North Carolina",
-                "North Dakota",
-                "Ohio",
-                "Oklahoma",
-                "Oregon",
-                "Pennsylvania",
-                "Puerto Rico",
-                "Rhode Island",
-                "South Carolina",
-                "South Dakota",
-                "Tennessee",
-                "Texas",
-                "Utah",
-                "Vermont",
-                "Virgin Islands",
-                "Virginia",
-                "Washington",
-                "West Virginia",
-                "Wisconsin",
-                "Wyoming"
-            ]
-        },
-        {
-            "values": [
-                "ICU",
-                "Inpatient"
-            ],
-            "active": "Inpatient",
-            "filterStyle": "dropdown",
-            "order": "asc",
-            "columnName": "bed_type"
-        }
-    ],
-    "runtimeDataUrl": "https://wcms-wp-test.cdc.gov/wcms/vizdata/Respitory_Viruses/NHSNHospitalCapacity.json",
-    "dynamicMarginTop": 0,
-    "description": "<div class=\"text-left\">Data presented through: <span class=\"date_max\"></span>; Data as of: <span class=\"date_min\"></span></div><a href=\"https://data.cdc.gov/dataset/Respiratory-Virus-Response-RVR-United-States-Hospi/9t9r-e5a3\">Dataset on data.cdc.gov</a> | <a href=\"/wcms/vizdata/Respitory_Viruses/NHSNHospitalCapacity.json\">Link to Dataset</a>",
-    "footnotes": "",
-    "regions": [
-        {
-            "background": "#777777",
-            "from": "7",
-            "to": "2024-01-13",
-            "fromType": "Previous Days",
-            "toType": "Last Date"
-        }
-    ]
-}

package/src/_stories/Chart.SmallMultiples.stories.tsx

@@ -1,63 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
-import Chart from '../CdcChartComponent'
-import smallMultiplesBars from './_mock/small_multiples/small_multiples_bars.json'
-import smallMultiplesBigDataBars from './_mock/small_multiples/small_multiples_big_data_bars.json'
-import smallMultiplesLinesColors from './_mock/small_multiples/small_multiples_lines_colors.json'
-import smallMultiplesLines from './_mock/small_multiples/small_multiples_lines.json'
-import smallMultiplesStackedBars from './_mock/small_multiples/small_multiples_stacked_bars.json'
-import { assertVisualizationRendered } from '@cdc/core/helpers/testing'
-
-const meta: Meta<typeof Chart> = {
-  title: 'Components/Templates/Chart/Small Multiples',
-  component: Chart
-}
-
-type Story = StoryObj<typeof Chart>
-
-export const smallMultiples_Bars: Story = {
-  args: {
-    config: smallMultiplesBars,
-    isEditor: false
-  },
-  play: async ({ canvasElement }) => {
-    await assertVisualizationRendered(canvasElement)
-  }
-}
-
-export const smallMultiples_BigDataBars: Story = {
-  args: {
-    config: smallMultiplesBigDataBars,
-    isEditor: false
-  },
-  play: async ({ canvasElement }) => {
-    await assertVisualizationRendered(canvasElement)
-  }
-}
-export const smallMultiples_LinesColors: Story = {
-  args: {
-    config: smallMultiplesLinesColors,
-    isEditor: false
-  },
-  play: async ({ canvasElement }) => {
-    await assertVisualizationRendered(canvasElement)
-  }
-}
-export const smallMultiples_Lines: Story = {
-  args: {
-    config: smallMultiplesLines,
-    isEditor: false
-  },
-  play: async ({ canvasElement }) => {
-    await assertVisualizationRendered(canvasElement)
-  }
-}
-export const smallMultiples_StackedBars: Story = {
-  args: {
-    config: smallMultiplesStackedBars,
-    isEditor: false
-  },
-  play: async ({ canvasElement }) => {
-    await assertVisualizationRendered(canvasElement)
-  }
-}
-export default meta