npm - @cdc/chart - Versions diffs - 4.23.4 → 4.23.6 - Mend

@cdc/chart 4.23.4 → 4.23.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (42) hide show

package/dist/cdcchart.js +54845 -51755
package/examples/feature/__data__/planet-example-data.json +14 -32
package/examples/feature/__data__/planet-logaritmic-data.json +56 -0
package/examples/feature/area/area-chart-category.json +240 -0
package/examples/feature/bar/example-bar-chart.json +544 -22
package/examples/feature/bar/new.json +561 -0
package/examples/feature/bar/planet-chart-logaritmic-config.json +170 -0
package/examples/feature/boxplot/valid-boxplot.csv +17 -0
package/examples/feature/combo/right-issues.json +190 -0
package/examples/feature/filters/filter-testing.json +37 -3
package/examples/feature/forecasting/combo-forecasting.json +245 -0
package/examples/feature/forecasting/forecasting.json +5325 -0
package/examples/feature/forecasting/index.json +203 -0
package/examples/feature/forecasting/random_data.csv +366 -0
package/examples/feature/line/line-chart.json +3 -3
package/examples/feature/test-highlight/test-highlight-2.json +789 -0
package/examples/feature/test-highlight/test-highlight-vertical.json +561 -0
package/examples/feature/test-highlight/test-highlight.json +100 -0
package/examples/feature/tests-non-numerics/stacked-vertical-bar-example-nonnumerics.json +1 -2
package/examples/gallery/bar-chart-horizontal/horizontal-highlight.json +345 -0
package/examples/gallery/line/line.json +173 -1
package/index.html +14 -8
package/package.json +2 -2
package/src/CdcChart.jsx +342 -25
package/src/components/AreaChart.jsx +32 -40
package/src/components/BarChart.jsx +147 -25
package/src/components/DataTable.jsx +30 -12
package/src/components/DeviationBar.jsx +32 -32
package/src/components/EditorPanel.jsx +1902 -1126
package/src/components/Forecasting.jsx +147 -0
package/src/components/Legend.jsx +193 -243
package/src/components/LineChart.jsx +4 -9
package/src/components/LinearChart.jsx +263 -285
package/src/components/Series.jsx +518 -0
package/src/components/SparkLine.jsx +3 -3
package/src/data/initial-state.js +24 -5
package/src/hooks/useHighlightedBars.js +154 -0
package/src/hooks/useMinMax.js +128 -0
package/src/hooks/useReduceData.js +31 -57
package/src/hooks/useRightAxis.js +8 -2
package/src/hooks/useScales.js +196 -0
/package/examples/feature/area/{area-chart.json → area-chart-date.json} +0 -0

package/examples/feature/test-highlight/test-highlight-2.json ADDED Viewed

@@ -0,0 +1,789 @@
+{
+  "type": "chart",
+  "title": "",
+  "showTitle": true,
+  "theme": "theme-blue",
+  "animate": true,
+  "fontSize": "small",
+  "lineDatapointStyle": "hover",
+  "barHasBorder": "false",
+  "isLollipopChart": false,
+  "lollipopShape": "circle",
+  "lollipopColorStyle": "two-tone",
+  "visualizationSubType": "regular",
+  "barStyle": "rounded",
+  "roundingStyle": "finger",
+  "tipRounding": "full",
+  "padding": {
+    "left": 5,
+    "right": 5
+  },
+  "yAxis": {
+    "hideAxis": true,
+    "displayNumbersOnBar": true,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": "20",
+    "gridLines": false,
+    "enablePadding": false,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "rightHideAxis": true,
+    "rightAxisSize": 50,
+    "rightLabel": "",
+    "rightLabelOffsetSize": 0,
+    "rightAxisLabelColor": "#333",
+    "rightAxisTickLabelColor": "#333",
+    "rightAxisTickColor": "#333",
+    "numTicks": "",
+    "axisPadding": 0,
+    "tickRotation": 0,
+    "type": "chart",
+    "title": "",
+    "showTitle": true,
+    "theme": "theme-blue",
+    "animate": false,
+    "fontSize": "medium",
+    "lineDatapointStyle": "hover",
+    "barHasBorder": "false",
+    "isLollipopChart": false,
+    "lollipopShape": "circle",
+    "lollipopColorStyle": "two-tone",
+    "visualizationSubType": "regular",
+    "barStyle": "",
+    "roundingStyle": "standard",
+    "tipRounding": "top",
+    "padding": {
+      "left": 5,
+      "right": 5
+    },
+    "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": 50,
+      "rightLabel": "",
+      "rightLabelOffsetSize": 0,
+      "rightAxisLabelColor": "#333",
+      "rightAxisTickLabelColor": "#333",
+      "rightAxisTickColor": "#333",
+      "numTicks": "",
+      "axisPadding": 0,
+      "tickRotation": 0
+    },
+    "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": 200
+    },
+    "xAxis": {
+      "type": "categorical",
+      "showTargetLabel": true,
+      "targetLabel": "Target",
+      "hideAxis": false,
+      "hideLabel": false,
+      "hideTicks": false,
+      "size": 75,
+      "tickRotation": 0,
+      "min": "",
+      "max": "",
+      "labelColor": "#333",
+      "tickLabelColor": "#333",
+      "tickColor": "#333",
+      "numTicks": "",
+      "labelOffset": 65,
+      "axisPadding": 0,
+      "target": 0,
+      "dataKey": "CIO"
+    },
+    "table": {
+      "label": "Data Table",
+      "expanded": true,
+      "limitHeight": false,
+      "height": "",
+      "caption": "",
+      "showDownloadUrl": false,
+      "showDataTableLink": true,
+      "show": true
+    },
+    "orientation": "horizontal",
+    "legend": {
+      "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"
+    },
+    "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
+    },
+    "filterBehavior": "Filter Change",
+    "highlightedBarValues": [],
+    "datasets": {},
+    "visualizationType": "Bar",
+    "data": [
+      {
+        "Year": "2019",
+        "CIO": "NCBDDD",
+        "Participation": "30"
+      },
+      {
+        "Year": "2019",
+        "CIO": "NCEZID",
+        "Participation": "40"
+      },
+      {
+        "Year": "2019",
+        "CIO": "OC",
+        "Participation": "50"
+      },
+      {
+        "Year": "2019",
+        "CIO": "NCIRD",
+        "Participation": "60"
+      },
+      {
+        "Year": "2019",
+        "CIO": "2018",
+        "Participation": "55"
+      },
+      {
+        "Year": "2020",
+        "CIO": "NCBDDD",
+        "Participation": "30"
+      },
+      {
+        "Year": "2020",
+        "CIO": "NCEZID",
+        "Participation": "40"
+      },
+      {
+        "Year": "2020",
+        "CIO": "OC",
+        "Participation": "50"
+      },
+      {
+        "Year": "2020",
+        "CIO": "NCIRD",
+        "Participation": "60"
+      },
+      {
+        "Year": "2020",
+        "CIO": "2019",
+        "Participation": "55"
+      },
+      {
+        "Year": "2021",
+        "CIO": "NCBDDD",
+        "Participation": "30"
+      },
+      {
+        "Year": "2021",
+        "CIO": "NCEZID",
+        "Participation": "40"
+      },
+      {
+        "Year": "2021",
+        "CIO": "OC",
+        "Participation": "50"
+      },
+      {
+        "Year": "2021",
+        "CIO": "NCIRD",
+        "Participation": "60"
+      },
+      {
+        "Year": "2021",
+        "CIO": "2020",
+        "Participation": "55"
+      }
+    ],
+    "dataFileName": "CIOs_multi.csv",
+    "dataFileSourceType": "file",
+    "formattedData": [
+      {
+        "Year": "2019",
+        "CIO": "NCBDDD",
+        "Participation": "30"
+      },
+      {
+        "Year": "2019",
+        "CIO": "NCEZID",
+        "Participation": "40"
+      },
+      {
+        "Year": "2019",
+        "CIO": "OC",
+        "Participation": "50"
+      },
+      {
+        "Year": "2019",
+        "CIO": "NCIRD",
+        "Participation": "60"
+      },
+      {
+        "Year": "2019",
+        "CIO": "2018",
+        "Participation": "55"
+      },
+      {
+        "Year": "2020",
+        "CIO": "NCBDDD",
+        "Participation": "30"
+      },
+      {
+        "Year": "2020",
+        "CIO": "NCEZID",
+        "Participation": "40"
+      },
+      {
+        "Year": "2020",
+        "CIO": "OC",
+        "Participation": "50"
+      },
+      {
+        "Year": "2020",
+        "CIO": "NCIRD",
+        "Participation": "60"
+      },
+      {
+        "Year": "2020",
+        "CIO": "2019",
+        "Participation": "55"
+      },
+      {
+        "Year": "2021",
+        "CIO": "NCBDDD",
+        "Participation": "30"
+      },
+      {
+        "Year": "2021",
+        "CIO": "NCEZID",
+        "Participation": "40"
+      },
+      {
+        "Year": "2021",
+        "CIO": "OC",
+        "Participation": "50"
+      },
+      {
+        "Year": "2021",
+        "CIO": "NCIRD",
+        "Participation": "60"
+      },
+      {
+        "Year": "2021",
+        "CIO": "2020",
+        "Participation": "55"
+      }
+    ],
+    "dataDescription": {
+      "horizontal": false,
+      "series": false
+    },
+    "runtime": {
+      "seriesLabels": {
+        "Participation": "Participation"
+      },
+      "seriesLabelsAll": [
+        "Participation"
+      ],
+      "originalXAxis": {
+        "type": "categorical",
+        "showTargetLabel": true,
+        "targetLabel": "Target",
+        "hideAxis": false,
+        "hideLabel": false,
+        "hideTicks": false,
+        "size": 75,
+        "tickRotation": 0,
+        "min": "",
+        "max": "",
+        "labelColor": "#333",
+        "tickLabelColor": "#333",
+        "tickColor": "#333",
+        "numTicks": "",
+        "labelOffset": 65,
+        "axisPadding": 0,
+        "target": 0,
+        "dataKey": "CIO"
+      },
+      "seriesKeys": [
+        "Participation"
+      ],
+      "xAxis": {
+        "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": 50,
+        "rightLabel": "",
+        "rightLabelOffsetSize": 0,
+        "rightAxisLabelColor": "#333",
+        "rightAxisTickLabelColor": "#333",
+        "rightAxisTickColor": "#333",
+        "numTicks": "",
+        "axisPadding": 0,
+        "tickRotation": 0
+      },
+      "yAxis": {
+        "type": "categorical",
+        "showTargetLabel": true,
+        "targetLabel": "Target",
+        "hideAxis": false,
+        "hideLabel": false,
+        "hideTicks": false,
+        "size": 75,
+        "tickRotation": 0,
+        "min": "",
+        "max": "",
+        "labelColor": "#333",
+        "tickLabelColor": "#333",
+        "tickColor": "#333",
+        "numTicks": "",
+        "labelOffset": 65,
+        "axisPadding": 0,
+        "target": 0,
+        "dataKey": "CIO"
+      },
+      "horizontal": true,
+      "uniqueId": 1682687478394,
+      "editorErrorMessage": ""
+    },
+    "series": [
+      {
+        "dataKey": "Participation",
+        "type": "Bar"
+      }
+    ],
+    "filters": [
+      {
+        "values": [
+          "2019",
+          "2020",
+          "2021"
+        ],
+        "active": "2020",
+        "filterStyle": "dropdown",
+        "columnName": "Year",
+        "order": "asc"
+      }
+    ],
+    "labelPlacement": "On Date/Category Axis"
+  },
+  "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": "10",
+  "heights": {
+    "vertical": 300,
+    "horizontal": 175
+  },
+  "xAxis": {
+    "type": "categorical",
+    "showTargetLabel": true,
+    "targetLabel": "Target",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": "100",
+    "tickRotation": 0,
+    "min": "",
+    "max": "100",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "numTicks": "",
+    "labelOffset": 65,
+    "axisPadding": 0,
+    "target": 0,
+    "dataKey": "CIO"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": true,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": false,
+    "showDataTableLink": true,
+    "show": true
+  },
+  "orientation": "horizontal",
+  "legend": {
+    "behavior": "isolate",
+    "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",
+    "hide": false,
+    "showLegendValuesTooltip": false,
+    "position": "bottom"
+  },
+  "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
+  },
+  "filterBehavior": "Filter Change",
+  "highlightedBarValues": [
+    {
+      "dataKey": "Participation",
+      "value": "2018",
+      "legendLabel": "Previous Year Participation"
+    },
+    {
+      "dataKey": "Participation",
+      "value": "2019",
+      "legendLabel": "Previous Year Participation"
+    },
+    {
+      "dataKey": "Participation",
+      "value": "2020",
+      "legendLabel": "Previous Year Participation"
+    }
+  ],
+  "datasets": {},
+  "visualizationType": "Bar",
+  "data": [
+    {
+      "Year": "2019",
+      "CIO": "NCBDDD",
+      "Participation": "30"
+    },
+    {
+      "Year": "2019",
+      "CIO": "NCEZID",
+      "Participation": "40"
+    },
+    {
+      "Year": "2019",
+      "CIO": "OC",
+      "Participation": "50"
+    },
+    {
+      "Year": "2019",
+      "CIO": "NCIRD",
+      "Participation": "60"
+    },
+    {
+      "Year": "2019",
+      "CIO": "2018",
+      "Participation": "55"
+    },
+    {
+      "Year": "2020",
+      "CIO": "NCBDDD",
+      "Participation": "35"
+    },
+    {
+      "Year": "2020",
+      "CIO": "NCEZID",
+      "Participation": "46"
+    },
+    {
+      "Year": "2020",
+      "CIO": "OC",
+      "Participation": "57"
+    },
+    {
+      "Year": "2020",
+      "CIO": "NCIRD",
+      "Participation": "65"
+    },
+    {
+      "Year": "2020",
+      "CIO": "2019",
+      "Participation": "60"
+    },
+    {
+      "Year": "2021",
+      "CIO": "NCBDDD",
+      "Participation": "20"
+    },
+    {
+      "Year": "2021",
+      "CIO": "NCEZID",
+      "Participation": "80"
+    },
+    {
+      "Year": "2021",
+      "CIO": "OC",
+      "Participation": "59"
+    },
+    {
+      "Year": "2021",
+      "CIO": "NCIRD",
+      "Participation": "30"
+    },
+    {
+      "Year": "2021",
+      "CIO": "2020",
+      "Participation": "75"
+    }
+  ],
+  "dataFileName": "CIOs_multi.csv",
+  "dataFileSourceType": "file",
+  "formattedData": [
+    {
+      "Year": "2019",
+      "CIO": "NCBDDD",
+      "Participation": "30"
+    },
+    {
+      "Year": "2019",
+      "CIO": "NCEZID",
+      "Participation": "40"
+    },
+    {
+      "Year": "2019",
+      "CIO": "OC",
+      "Participation": "50"
+    },
+    {
+      "Year": "2019",
+      "CIO": "NCIRD",
+      "Participation": "60"
+    },
+    {
+      "Year": "2019",
+      "CIO": "2018",
+      "Participation": "55"
+    },
+    {
+      "Year": "2020",
+      "CIO": "NCBDDD",
+      "Participation": "35"
+    },
+    {
+      "Year": "2020",
+      "CIO": "NCEZID",
+      "Participation": "46"
+    },
+    {
+      "Year": "2020",
+      "CIO": "OC",
+      "Participation": "57"
+    },
+    {
+      "Year": "2020",
+      "CIO": "NCIRD",
+      "Participation": "65"
+    },
+    {
+      "Year": "2020",
+      "CIO": "2019",
+      "Participation": "60"
+    },
+    {
+      "Year": "2021",
+      "CIO": "NCBDDD",
+      "Participation": "20"
+    },
+    {
+      "Year": "2021",
+      "CIO": "NCEZID",
+      "Participation": "80"
+    },
+    {
+      "Year": "2021",
+      "CIO": "OC",
+      "Participation": "59"
+    },
+    {
+      "Year": "2021",
+      "CIO": "NCIRD",
+      "Participation": "30"
+    },
+    {
+      "Year": "2021",
+      "CIO": "2020",
+      "Participation": "75"
+    }
+  ],
+  "dataDescription": {
+    "horizontal": false,
+    "series": false
+  },
+  "series": [
+    {
+      "dataKey": "Participation",
+      "type": "Bar"
+    }
+  ],
+  "filters": [
+    {
+      "values": [
+        "2019",
+        "2020",
+        "2021"
+      ],
+      "active": "2019",
+      "filterStyle": "dropdown",
+      "columnName": "Year",
+      "order": "asc"
+    }
+  ],
+  "copyOfHighlightedBarValues": [
+    {
+      "dataKey": "Participation",
+      "value": "2018",
+      "legendLabel": "Previous Year Participation"
+    },
+    {
+      "dataKey": "Participation",
+      "value": "2019",
+      "legendLabel": "Previous Year Participation"
+    },
+    {
+      "dataKey": "Participation",
+      "value": "2020",
+      "legendLabel": "Previous Year Participation"
+    }
+  ]
+}