@cdc/chart 4.24.5 → 4.24.9

package/examples/xaxis.json

@@ -0,0 +1,493 @@
+{
+    "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/index.html

@@ -17,7 +17,10 @@
         margin-top: 3rem;
       } */
     </style>
-    <link rel="stylesheet prefetch" href="https://www.cdc.gov/TemplatePackage/contrib/libs/bootstrap/latest/css/bootstrap.min.css?_=39423" />
+    <link
+      rel="stylesheet prefetch"
+      href="https://www.cdc.gov/TemplatePackage/contrib/libs/bootstrap/latest/css/bootstrap.min.css?_=39423"
+    />
     <link rel="stylesheet prefetch" href="https://www.cdc.gov/TemplatePackage/4.0/assets/css/app.min.css?_=39423" />
   </head>
 
@@ -46,8 +49,11 @@
   -->
 
     <!-- GENERIC CHART TYPES -->
+    <div class="react-container" data-config="/examples/cases-year.json"></div>
     <!-- <div class="react-container" data-config="/examples/test.json"></div> -->
-    <!-- <div class="react-container" data-config="/examples/private/rvr.json"></div> -->
+    <!-- <div class="react-container" data-config="/examples/feature/line/line-chart.json"></div> -->
+    <!-- <div class="react-container" data-config="/examples/dev-8332.json"></div> -->
+    <!-- <div class="react-container" data-config="/examples/feature/annotations/index.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/feature/filters/url-filter.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/feature/bar/additional-column-tooltip.json"></div> -->
     <!-- <div class="react-container" data-config="https://cdc.gov/poxvirus/mpox/modules/data-viz/mpx-trends_1.json"></div> -->
@@ -56,13 +62,13 @@
     <!-- <div class="react-container" data-config="/examples/feature/forest-plot/linear.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/feature/forest-plot/logarithmic.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/feature/forest-plot/forest-plot.json"></div> -->
-    <!-- <div class="react-container" data-config="/examples/feature/pie/planet-pie-example-config.json"></div> -->
+    <div class="react-container" data-config="/examples/feature/pie/planet-pie-example-config.json"></div>
     <!-- <div class="react-container" data-config=https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/Line_Chart_Viz.json></div> -->
     <!-- <div class="react-container" data-config=/examples/feature/regions/index.json></div> -->
     <!-- <div class="react-container" data-config=https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/Line_Chart_Regions_Viz.json></div> -->
     <!-- <div class="react-container" data-config=https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/Line_Chart_Regions_Viz.json></div> -->
     <!-- <div class="react-container" data-config="/examples/feature/forecasting/forecasting.json"></div> -->
-    <!-- <div class="react-container" data-config="/examples/feature/forecasting/combo-forecasting.json"></div> -->
+    <div class="react-container" data-config="/examples/feature/forecasting/combo-forecasting.json"></div>
     <!-- <div class="react-container" data-config="/examples/feature/forecasting/effective_reproduction.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/feature/area/area-chart-date.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/feature/area/area-chart-category.json"></div> -->
@@ -82,9 +88,6 @@
     <!-- <div class="react-container" data-config="/examples/feature/bar/horizontal-stacked-bar-chart.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/feature/bar/planet-chart-horizontal-example-config.json"></div> -->
 
-    <!-- SPARKLINE -->
-    <!-- <div class="react-container" data-config="/examples/feature/dev-4261.json"></div> -->
-
     <!-- TESTS DATA TABLE SORTING  -->
     <!-- Bar Chart with Confidence Intervals (bottom of page)  -->
     <!-- <div class="react-container" data-config="https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/Example_Bar_CI.json"></div> -->
@@ -113,10 +116,16 @@
 
     <!-- TESTS NONNUMERICS -->
     <!-- <div class="react-container" data-config="/examples/feature/tests-non-numerics/planet-pie-example-config-nonnumeric.json"></div> -->
-    <!-- <div class="react-container" data-config="/examples/feature/tests-non-numerics/example-combo-bar-nonnumeric.json"></div> -->
+    <div
+      class="react-container"
+      data-config="/examples/feature/tests-non-numerics/example-combo-bar-nonnumeric.json"
+    ></div>
     <!-- <div class="react-container" data-config="/examples/feature/tests-non-numerics/example-bar-chart-nonnumeric.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/sparkline.json"></div> -->
-    <!-- <div class="react-container" data-config="/examples/feature/tests-non-numerics/sparkline-chart-nonnumeric.json"></div> -->
+    <!-- <div
+      class="react-container"
+      data-config="/examples/feature/tests-non-numerics/sparkline-chart-nonnumeric.json"
+    ></div> -->
     <!-- <div class="react-container" data-config="/examples/region-issue.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/feature/tests-non-numerics/stacked-vertical-bar-example-nonnumerics.json"></div> -->
 
@@ -136,6 +145,7 @@
     <!-- GENERIC CHART TYPES  -->
     <!-- <div class="react-container" data-config="/examples/gallery/paired-bar/paired-bar-chart.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/feature/line/line-chart.json"></div> -->
+    <!-- <div class="react-container" data-config="/examples/feature/annotations/index.json"></div> -->
 
     <!-- HORIZONTAL BAR CHARTS -->
     <!-- <div class="react-container" data-config="/examples/gallery/bar-chart-horizontal/horizontal-bar-chart-with-numbers-on-bar.json"></div> -->
@@ -143,7 +153,7 @@
     <!-- <div class="react-container" data-config="/examples/gallery/bar-chart-horizontal/horizontal-stacked.json"></div> -->
 
     <!-- VERTICAL BAR CHARTS -->
-    <div class="react-container" data-config="/examples/gallery/bar-chart-vertical/combo-line-chart.json"></div>
+    <!-- <div class="react-container" data-config="/examples/gallery/bar-chart-vertical/combo-line-chart.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/gallery/bar-chart-vertical/vertical-bar-chart-categorical.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/gallery/bar-chart-vertical/vertical-bar-chart-stacked.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/gallery/bar-chart-vertical/vertical-bar-chart-confidence.json"></div> -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdc/chart",
-  "version": "4.24.5",
+  "version": "4.24.9",
   "description": "React component for visualizing tabular data in various types of charts",
   "moduleName": "CdcChart",
   "main": "dist/cdcchart",
@@ -11,8 +11,9 @@
     "preview": "vite preview",
     "graph": "nx graph",
     "prepublishOnly": "lerna run --scope @cdc/chart build",
-    "test": "vitest watch --reporter verbose",
-    "test:ui": "vitest --ui"
+    "test": "vitest run --reporter verbose",
+    "test-watch": "vitest watch --reporter verbose",
+    "test-watch:ui": "vitest --ui"
   },
   "repository": {
     "type": "git",
@@ -60,7 +61,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "def85aaf4cd9dc1983e80f2900199f35de82af95",
+  "gitHead": "c4b0402afe6ed209a85b7078711549b9fd7dae7d",
   "devDependencies": {
     "@types/d3-sankey": "^0.12.4",
     "resize-observer-polyfill": "^1.5.1"