@cdc/chart 4.24.7 → 4.24.9

package/examples/gallery/bar-chart-vertical/combo-line-chart.json

@@ -1,4 +1,5 @@
 {
+  "annotations": [],
   "type": "chart",
   "debugSvg": false,
   "chartMessage": {
@@ -11,6 +12,7 @@
   "animate": false,
   "fontSize": "medium",
   "lineDatapointStyle": "hover",
+  "lineDatapointColor": "Same as Line",
   "barHasBorder": "false",
   "isLollipopChart": false,
   "lollipopShape": "circle",
@@ -21,13 +23,16 @@
   "tipRounding": "top",
   "isResponsiveTicks": false,
   "general": {
-    "showDownloadButton": false
+    "showDownloadButton": false,
+    "showMissingDataLabel": true,
+    "showSuppressedSymbol": true,
+    "showZeroValueDataLabel": true
   },
   "padding": {
     "left": 5,
     "right": 5
   },
-  "suppressedData": [],
+  "preliminaryData": [],
   "yAxis": {
     "hideAxis": false,
     "displayNumbersOnBar": false,
@@ -50,8 +55,11 @@
     "rightAxisTickColor": "#333",
     "numTicks": "",
     "axisPadding": 0,
+    "scalePadding": 10,
     "tickRotation": 0,
     "anchors": [],
+    "shoMissingDataLabel": true,
+    "showMissingDataLine": true,
     "label": "Y-Axis Label Example"
   },
   "boxplot": {
@@ -96,7 +104,7 @@
   "xAxis": {
     "sortDates": false,
     "anchors": [],
-    "type": "date",
+    "type": "date-time",
     "showTargetLabel": true,
     "targetLabel": "Target",
     "hideAxis": false,
@@ -116,9 +124,10 @@
     "maxTickRotation": 0,
     "dataKey": "Date",
     "label": "X-Axis Example Label",
-    "dateParseFormat": "%d/%m/%Y",
-    "dateDisplayFormat": "%d/%m/%Y",
-    "tickWidthMax": 91
+    "dateParseFormat": "%m/%d/%Y",
+    "dateDisplayFormat": "%m/%d/%Y",
+    "tickWidthMax": 91,
+    "padding": 6
   },
   "table": {
     "label": "Data Table",
@@ -131,6 +140,9 @@
     "indexLabel": "",
     "download": true,
     "showVertical": false,
+    "dateDisplayFormat": "",
+    "showMissingDataLabel": true,
+    "showSuppressedSymbol": true,
     "show": true
   },
   "orientation": "vertical",
@@ -139,6 +151,7 @@
   "legend": {
     "hide": false,
     "behavior": "highlight",
+    "axisAlign": true,
     "singleRow": false,
     "colorCode": "",
     "reverseLabelOrder": false,
@@ -150,11 +163,15 @@
     "dynamicLegendChartMessage": "Select Options from the Legend",
     "lineMode": false,
     "verticalSorted": false,
+    "highlightOnHover": false,
+    "hideSuppressedLabels": false,
+    "seriesHighlight": [],
     "position": "right",
     "label": "Data Type"
   },
   "brush": {
     "height": 25,
+    "active": true,
     "data": [
       {
         "Date": "1/15/2016",
@@ -228,8 +245,7 @@
         "Data 4": "150",
         "Monthly-Goal": "140"
       }
-    ],
-    "active": false
+    ]
   },
   "exclusions": {
     "active": false,
@@ -265,20 +281,21 @@
   "series": [
     {
       "dataKey": "Monthly-Goal",
-      "type": "Line",
+      "type": "Bar",
       "axis": "Left",
       "tooltip": true
     },
     {
       "dataKey": "Data 2",
-      "type": "Line",
+      "type": "Bar",
       "axis": "Left",
       "tooltip": true
     }
   ],
   "tooltips": {
     "opacity": 90,
-    "singleSeries": false
+    "singleSeries": false,
+    "dateDisplayFormat": ""
   },
   "forestPlot": {
     "startAt": 0,
@@ -321,13 +338,56 @@
     "leftWidthOffset": 0,
     "rightWidthOffset": 0,
     "showZeroLine": false,
-    "hideDateCategoryCol": false,
     "leftLabel": "",
-    "rightLabel": ""
+    "rightLabel": "",
+    "hideDateCategoryCol": false
   },
   "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": []
+  },
+  "suppressedData": [],
   "height": "332",
   "data": [
     {
@@ -403,8 +463,9 @@
       "Monthly-Goal": "140"
     }
   ],
-  "visualizationType": "Line",
+  "visualizationType": "Bar",
   "filters": [],
   "validated": 4.23,
-  "dynamicMarginTop": 0
+  "dynamicMarginTop": 0,
+  "version": "4.24.4"
 }

package/examples/gallery/bar-chart-vertical/vertical-bar-chart-stacked.json

@@ -339,21 +339,21 @@
   "data": [
     {
       "Year": "2015",
-      "Data 1": "25",
+      "Data 1": null,
       "Data 2": "20",
       "Data 3": "55"
     },
     {
       "Year": "2016",
-      "Data 1": "35",
+      "Data 1": "NULLL",
       "Data 2": "30",
       "Data 3": "35"
     },
     {
       "Year": "2017",
-      "Data 1": "22",
-      "Data 2": "38",
-      "Data 3": "40"
+      "Data 1": "ABC",
+      "Data 2": "HELLO",
+      "Data 3": null
     },
     {
       "Year": "2018",

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/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/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,7 +62,7 @@
     <!-- <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> -->
@@ -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> -->
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdc/chart",
-  "version": "4.24.7",
+  "version": "4.24.9",
   "description": "React component for visualizing tabular data in various types of charts",
   "moduleName": "CdcChart",
   "main": "dist/cdcchart",
@@ -61,7 +61,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "7a7372d03778cb977e0e92e3b3bc1a35f8a5bfaf",
+  "gitHead": "c4b0402afe6ed209a85b7078711549b9fd7dae7d",
   "devDependencies": {
     "@types/d3-sankey": "^0.12.4",
     "resize-observer-polyfill": "^1.5.1"