npm - @cdc/chart - Versions diffs - 1.3.4 → 4.22.11 - Mend

@cdc/chart 1.3.4 → 4.22.11

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 (75) hide show

package/LICENSE +201 -0
package/README.md +5 -5
package/dist/cdcchart.js +6 -6
package/examples/age-adjusted-rates.json +1486 -1218
package/examples/case-rate-example-config.json +1 -1
package/examples/covid-confidence-example-config.json +33 -33
package/examples/covid-example-config.json +34 -34
package/examples/covid-example-data-confidence.json +30 -30
package/examples/covid-example-data.json +20 -20
package/examples/cutoff-example-config.json +36 -34
package/examples/cutoff-example-data.json +36 -36
package/examples/date-exclusions-config.json +1 -1
package/examples/dynamic-legends.json +125 -0
package/examples/gallery/bar-chart-horizontal/horizontal-bar-chart-with-numbers-on-bar.json +192 -0
package/examples/gallery/bar-chart-horizontal/horizontal-bar-chart.json +231 -0
package/examples/gallery/bar-chart-horizontal/horizontal-stacked.json +240 -0
package/examples/gallery/bar-chart-vertical/combo-line-chart.json +137 -0
package/examples/gallery/bar-chart-vertical/vertical-bar-chart-categorical.json +80 -0
package/examples/gallery/bar-chart-vertical/vertical-bar-chart-stacked.json +81 -0
package/examples/gallery/bar-chart-vertical/vertical-bar-chart-with-confidence.json +68 -0
package/examples/gallery/bar-chart-vertical/vertical-bar-chart.json +111 -0
package/examples/gallery/lollipop/lollipop-style-horizontal.json +216 -0
package/examples/gallery/paired-bar/paired-bar-chart.json +196 -0
package/examples/horizontal-chart.json +36 -33
package/examples/horizontal-stacked-bar-chart.json +34 -34
package/examples/line-chart.json +75 -75
package/examples/paired-bar-data.json +16 -14
package/examples/paired-bar-example.json +48 -46
package/examples/paired-bar-formatted.json +36 -36
package/examples/planet-chart-horizontal-example-config.json +33 -33
package/examples/planet-combo-example-config.json +34 -29
package/examples/planet-example-config.json +35 -33
package/examples/planet-example-data.json +56 -56
package/examples/planet-pie-example-config.json +28 -26
package/examples/private/filters.json +170 -0
package/examples/private/line-test-data.json +22 -0
package/examples/private/line-test-two.json +210 -0
package/examples/private/line-test.json +102 -0
package/examples/private/new.json +48800 -0
package/examples/private/shawn.json +1106 -0
package/examples/private/test.json +10123 -10123
package/examples/private/yaxis-test.json +133 -0
package/examples/private/yaxis-testing.csv +27 -0
package/examples/private/yaxis.json +28 -0
package/examples/stacked-vertical-bar-example.json +228 -0
package/examples/temp-example-config.json +61 -54
package/examples/temp-example-data.json +1 -1
package/package.json +2 -2
package/src/CdcChart.tsx +370 -458
package/src/components/BarChart.tsx +449 -441
package/src/components/DataTable.tsx +164 -180
package/src/components/EditorPanel.js +1066 -663
package/src/components/Legend.js +284 -0
package/src/components/LineChart.tsx +114 -63
package/src/components/LinearChart.tsx +394 -358
package/src/components/PairedBarChart.tsx +216 -135
package/src/components/PieChart.tsx +106 -135
package/src/components/SparkLine.js +184 -205
package/src/components/useIntersectionObserver.tsx +27 -0
package/src/context.tsx +3 -3
package/src/data/initial-state.js +44 -7
package/src/hooks/useActiveElement.js +13 -13
package/src/hooks/useChartClasses.js +41 -0
package/src/hooks/useColorPalette.ts +56 -63
package/src/hooks/useLegendClasses.js +28 -0
package/src/hooks/useReduceData.ts +69 -37
package/src/hooks/useRightAxis.js +25 -0
package/src/hooks/useTopAxis.js +6 -0
package/src/index.html +54 -55
package/src/index.tsx +13 -16
package/src/scss/DataTable.scss +5 -4
package/src/scss/editor-panel.scss +103 -71
package/src/scss/main.scss +277 -38
package/src/scss/variables.scss +1 -1
package/src/components/BarStackVertical.js +0 -0

package/examples/private/line-test-two.json ADDED Viewed

@@ -0,0 +1,210 @@
+{
+  "type": "chart",
+  "title": "Planet Radius (Bar Example)",
+  "theme": "theme-blue",
+  "fontSize": "medium",
+  "lineDatapointStyle": "always show",
+  "barHasBorder": "false",
+  "isLollipopChart": false,
+  "lollipopShape": "circle",
+  "lollipopColorStyle": "two-tone",
+  "visualizationSubType": "stacked",
+  "barStyle": "",
+  "roundingStyle": "standard",
+  "tipRounding": "top",
+  "padding": {
+    "left": 5,
+    "right": 5
+  },
+  "yAxis": {
+    "hideAxis": false,
+    "displayNumbersOnBar": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 50,
+    "gridLines": false,
+    "min": "",
+    "max": "",
+    "type": "chart",
+    "title": "Planet Radius (Bar Example)",
+    "theme": "theme-blue",
+    "fontSize": "medium",
+    "lineDatapointStyle": "always show",
+    "barHasBorder": "false",
+    "isLollipopChart": false,
+    "lollipopShape": "circle",
+    "lollipopColorStyle": "two-tone",
+    "visualizationSubType": "stacked",
+    "barStyle": "",
+    "roundingStyle": "standard",
+    "tipRounding": "top",
+    "padding": {
+      "left": 5,
+      "right": 5
+    },
+    "yAxis": {
+      "hideAxis": false,
+      "displayNumbersOnBar": false,
+      "hideLabel": false,
+      "hideTicks": false,
+      "size": 50,
+      "gridLines": false,
+      "min": "",
+      "max": "",
+      "label": "Measurement (1000km)"
+    },
+    "barThickness": 0.35,
+    "barHeight": 25,
+    "height": 585,
+    "xAxis": {
+      "type": "categorical",
+      "hideAxis": false,
+      "hideLabel": false,
+      "hideTicks": false,
+      "size": 75,
+      "tickRotation": 30,
+      "min": "",
+      "max": "",
+      "label": "Planet",
+      "dataKey": "name"
+    },
+    "table": {
+      "label": "Data Table",
+      "expanded": false,
+      "show": true
+    },
+    "orientation": "horizontal",
+    "legend": {
+      "behavior": "isolate",
+      "position": "right",
+      "reverseLabelOrder": false,
+      "hide": false
+    },
+    "exclusions": {
+      "active": false,
+      "keys": []
+    },
+    "palette": "qualitative-bold",
+    "isPaletteReversed": false,
+    "labels": false,
+    "dataFormat": {
+      "commas": false,
+      "prefix": "",
+      "suffix": "km",
+      "roundTo": 1
+    },
+    "confidenceKeys": {},
+    "dataUrl": "/examples/planet-example-data.json",
+    "visualizationType": "Bar",
+    "series": [
+      {
+        "dataKey": "Radius"
+      },
+      {
+        "dataKey": "Diameter"
+      }
+    ],
+    "dataCutoff": "0.5",
+    "runtime": {
+      "seriesLabels": {
+        "Radius": "Radius",
+        "Diameter": "Diameter"
+      },
+      "seriesLabelsAll": ["Radius", "Diameter"],
+      "originalXAxis": {
+        "type": "categorical",
+        "hideAxis": false,
+        "hideLabel": false,
+        "hideTicks": false,
+        "size": 75,
+        "tickRotation": 30,
+        "min": "",
+        "max": "",
+        "label": "Planet",
+        "dataKey": "name"
+      },
+      "seriesKeys": ["Radius", "Diameter"],
+      "xAxis": {
+        "hideAxis": false,
+        "displayNumbersOnBar": false,
+        "hideLabel": false,
+        "hideTicks": false,
+        "size": 50,
+        "gridLines": false,
+        "min": "",
+        "max": "",
+        "label": "Measurement (1000km)"
+      },
+      "yAxis": {
+        "type": "categorical",
+        "hideAxis": false,
+        "hideLabel": false,
+        "hideTicks": false,
+        "size": 75,
+        "tickRotation": 30,
+        "min": "",
+        "max": "",
+        "label": "Planet",
+        "dataKey": "name"
+      },
+      "horizontal": true,
+      "uniqueId": 1663785202233,
+      "editorErrorMessage": ""
+    },
+    "barPadding": 40,
+    "labelPlacement": "Below Bar"
+  },
+  "barThickness": 0.35,
+  "barHeight": 25,
+  "height": 585,
+  "xAxis": {
+    "type": "categorical",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 75,
+    "tickRotation": 30,
+    "min": "",
+    "max": "",
+    "label": "Planet",
+    "dataKey": "name"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": false,
+    "show": true
+  },
+  "orientation": "horizontal",
+  "legend": {
+    "behavior": "isolate",
+    "position": "right",
+    "reverseLabelOrder": false,
+    "hide": false
+  },
+  "exclusions": {
+    "active": false,
+    "keys": []
+  },
+  "palette": "qualitative-bold",
+  "isPaletteReversed": false,
+  "labels": false,
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": "km",
+    "roundTo": 1
+  },
+  "confidenceKeys": {},
+  "dataUrl": "/examples/planet-example-data.json",
+  "visualizationType": "Line",
+  "series": [
+    {
+      "dataKey": "Radius"
+    },
+    {
+      "dataKey": "Diameter"
+    }
+  ],
+  "dataCutoff": "0.5",
+  "barPadding": 40
+}

package/examples/private/line-test.json ADDED Viewed

@@ -0,0 +1,102 @@
+{
+  "type": "chart",
+  "title": "",
+  "theme": "theme-blue",
+  "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,
+    "min": "",
+    "max": "",
+    "label": "Number"
+  },
+  "barThickness": 0.35,
+  "barHeight": 25,
+  "height": 300,
+  "xAxis": {
+    "type": "date",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 75,
+    "tickRotation": 0,
+    "min": "",
+    "max": "",
+    "dataKey": "Date",
+    "dateParseFormat": "%m/%d/%Y",
+    "dateDisplayFormat": "%m/%d/%Y"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": true,
+    "limitHeight": false,
+    "height": "",
+    "show": true
+  },
+  "orientation": "vertical",
+  "legend": {
+    "behavior": "isolate",
+    "position": "right",
+    "reverseLabelOrder": false
+  },
+  "exclusions": {
+    "active": false,
+    "keys": []
+  },
+  "palette": "qualitative-bold",
+  "isPaletteReversed": false,
+  "labels": false,
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": ""
+  },
+  "confidenceKeys": {},
+  "datasets": {},
+  "visualizationType": "Line",
+  "data": [
+    {
+      "Number": "11.0",
+      "Date": "9/1/2022"
+    },
+    {
+      "Number": "12.2",
+      "Date": "9/2/2022"
+    },
+    {
+      "Number": "13.6",
+      "Date": "9/4/2022"
+    },
+    {
+      "Number": "",
+      "Date": "9/5/2022"
+    },
+    {
+      "Number": "6.4",
+      "Date": "9/6/2022"
+    }
+  ],
+  "series": [
+    {
+      "dataKey": "Number",
+      "type": "Bar"
+    }
+  ]
+}