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/case-rate-example-config.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "title": "Case Rate Data",
   "theme": "theme-blue",
-  "dataUrl":  "/examples/case-rate-example-data.json",
+  "dataUrl": "/examples/case-rate-example-data.json",
   "visualizationType": "Bar",
   "visualizationSubType": "horizontal",
   "series": [],

package/examples/covid-confidence-example-config.json CHANGED Viewed

@@ -1,35 +1,35 @@
 {
-    "title": "Confidence Age-adjusted COVID-19-associated hospitalization rates by race and ethnicity — COVID-NET, March 1–December 26, 2020",
-    "dataUrl":  "/examples/covid-example-data-confidence.json",
-    "visualizationType": "Bar",
-    "fontSize": "small",
-    "series": [{"dataKey": "Age-adjusted rate", "label": "Rate"}],
-    "confidenceKeys": {
-        "lower": "Lower",
-        "upper": "Upper"
-    },
-    "dataFormat": {
-        "commas": false,
-        "prefix": "Lorem",
-        "suffix": "Suffix"
-    },
-    "padding": {
-        "left": 10,
-        "right": 10
-    },
-    "yAxis": {
-        "dataKey": "Age-adjusted rate",
-        "gridLines": true,
-        "numTicks": 3,
-        "size": 80
-    },
-    "xAxis": {
-        "dataKey": "Race",
-        "tickRotation": 20,
-        "size": 130
-    },
-    "table": {
-        "label": "Age-adjusted COVID-19-associated hospitalization rates by race and ethnicity",
-        "expanded": true
-    }
+  "title": "Confidence Age-adjusted COVID-19-associated hospitalization rates by race and ethnicity — COVID-NET, March 1–December 26, 2020",
+  "dataUrl": "/examples/covid-example-data-confidence.json",
+  "visualizationType": "Bar",
+  "fontSize": "small",
+  "series": [{ "dataKey": "Age-adjusted rate", "label": "Rate" }],
+  "confidenceKeys": {
+    "lower": "Lower",
+    "upper": "Upper"
+  },
+  "dataFormat": {
+    "commas": false,
+    "prefix": "Lorem",
+    "suffix": "Suffix"
+  },
+  "padding": {
+    "left": 10,
+    "right": 10
+  },
+  "yAxis": {
+    "dataKey": "Age-adjusted rate",
+    "gridLines": true,
+    "numTicks": 3,
+    "size": 80
+  },
+  "xAxis": {
+    "dataKey": "Race",
+    "tickRotation": 20,
+    "size": 130
+  },
+  "table": {
+    "label": "Age-adjusted COVID-19-associated hospitalization rates by race and ethnicity",
+    "expanded": true
+  }
 }

package/examples/covid-example-config.json CHANGED Viewed

@@ -1,36 +1,36 @@
 {
-    "title": "Non Configdence Age-adjusted COVID-19-associated hospitalization rates by race and ethnicity — COVID-NET, March 1–December 26, 2020",
-    "theme": "theme-brown",
-    "dataUrl":  "/examples/covid-example-data.json",
-    "visualizationType": "Bar",
-    "visualizationSubType": "horizontal",
-    "series": [{"dataKey": "Age-adjusted rate"}],
-    "barThickness": 0.3,
-    "height": 300,
-    "dataFormat": {
-        "commas": false,
-        "prefix": "",
-        "suffix": ""
-    },
-    "padding": {
-        "left": 10,
-        "right": 10
-    },
-    "yAxis": {
-        "gridLines": false,
-        "numTicks": 3
-    },
-    "xAxis": {
-        "dataKey": "Race",
-        "size": 20,
-        "wrap": true
-    },
-    "legend": {
-        "hide": true
-    },
-    "table": {
-        "label": "Age-adjusted COVID-19-associated hospitalization rates by race and ethnicity",
-        "expanded": true,
-        "download": true
-    }
+  "title": "Non Configdence Age-adjusted COVID-19-associated hospitalization rates by race and ethnicity — COVID-NET, March 1–December 26, 2020",
+  "theme": "theme-brown",
+  "dataUrl": "/examples/covid-example-data.json",
+  "visualizationType": "Bar",
+  "visualizationSubType": "horizontal",
+  "series": [{ "dataKey": "Age-adjusted rate" }],
+  "barThickness": 0.3,
+  "height": 300,
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": ""
+  },
+  "padding": {
+    "left": 10,
+    "right": 10
+  },
+  "yAxis": {
+    "gridLines": false,
+    "numTicks": 3
+  },
+  "xAxis": {
+    "dataKey": "Race",
+    "size": 20,
+    "wrap": true
+  },
+  "legend": {
+    "hide": true
+  },
+  "table": {
+    "label": "Age-adjusted COVID-19-associated hospitalization rates by race and ethnicity",
+    "expanded": true,
+    "download": true
+  }
 }

package/examples/covid-example-data-confidence.json CHANGED Viewed

@@ -1,32 +1,32 @@
 [
-    {
-        "Race": "Hispanic or Latino",
-        "Age-adjusted rate": "644000.2",
-        "Lower": "640000.2",
-        "Upper": "650000.2"
-    },
-    {
-        "Race": "Non-Hispanic Black",
-        "Age-adjusted rate": "563000.7",
-        "Lower": "560000.2",
-        "Upper": "570000.2"
-    },
-    {
-        "Race": "Non-Hispanic Asian or Pacific Islander",
-        "Age-adjusted rate": "202000.5",
-        "Lower": "200000.2",
-        "Upper": "210000.2"
-    },
-    {
-        "Race": "Non-Hispanic American Indian or Alaska Native",
-        "Age-adjusted rate": "636000.1",
-        "Lower": "630000.2",
-        "Upper": "740000.2"
-    },
-    {
-        "Race": "Non-Hispanic White",
-        "Age-adjusted rate": "183000.6",
-        "Lower": "180000.2",
-        "Upper": "190000.2"
-    }
+  {
+    "Race": "Hispanic or Latino",
+    "Age-adjusted rate": "644000.2",
+    "Lower": "640000.2",
+    "Upper": "650000.2"
+  },
+  {
+    "Race": "Non-Hispanic Black",
+    "Age-adjusted rate": "563000.7",
+    "Lower": "560000.2",
+    "Upper": "570000.2"
+  },
+  {
+    "Race": "Non-Hispanic Asian or Pacific Islander",
+    "Age-adjusted rate": "202000.5",
+    "Lower": "200000.2",
+    "Upper": "210000.2"
+  },
+  {
+    "Race": "Non-Hispanic American Indian or Alaska Native",
+    "Age-adjusted rate": "636000.1",
+    "Lower": "630000.2",
+    "Upper": "740000.2"
+  },
+  {
+    "Race": "Non-Hispanic White",
+    "Age-adjusted rate": "183000.6",
+    "Lower": "180000.2",
+    "Upper": "190000.2"
+  }
 ]

package/examples/covid-example-data.json CHANGED Viewed

@@ -1,22 +1,22 @@
 [
-    {
-        "Race": "Hispanic or Latino",
-        "Age-adjusted rate": "644.2"
-    },
-    {
-        "Race": "Non-Hispanic American Indian",
-        "Age-adjusted rate": "636.1"
-    },
-    {
-        "Race": "Non-Hispanic Black",
-        "Age-adjusted rate": "563.7"
-    },
-    {
-        "Race": "Non-Hispanic Asian or Pacific Islander",
-        "Age-adjusted rate": "202.5"
-    },
-    {
-        "Race": "Non-Hispanic White",
-        "Age-adjusted rate": "183.6"
-    }
+  {
+    "Race": "Hispanic or Latino",
+    "Age-adjusted rate": "644.2"
+  },
+  {
+    "Race": "Non-Hispanic American Indian",
+    "Age-adjusted rate": "636.1"
+  },
+  {
+    "Race": "Non-Hispanic Black",
+    "Age-adjusted rate": "563.7"
+  },
+  {
+    "Race": "Non-Hispanic Asian or Pacific Islander",
+    "Age-adjusted rate": "202.5"
+  },
+  {
+    "Race": "Non-Hispanic White",
+    "Age-adjusted rate": "183.6"
+  }
 ]

package/examples/cutoff-example-config.json CHANGED Viewed

@@ -1,36 +1,38 @@
 {
-    "title": "Data Cutoff Example (< 0.1)",
-    "theme": "theme-blue",
-    "dataUrl":  "/examples/cutoff-example-data.json",
-    "visualizationType": "Line",
-    "series": [{"dataKey": "Value"}],
-    "barThickness": 0.3,
-    "height": 300,
-    "dataCutoff": "0.1",
-    "dataFormat": {
-        "commas": false,
-        "prefix": "",
-        "suffix": ""
-    },
-    "padding": {
-        "left": 10,
-        "right": 10
-    },
-    "yAxis": {
-        "label": "Value",
-        "gridLines": false,
-        "size": 70
-    },
-    "xAxis": {
-        "label": "Category",
-        "dataKey": "Category"
-    },
-    "legend": {
-        "hide": true
-    },
-    "table": {
-        "label": "Data Table",
-        "expanded": true,
-        "download": true
-    }
+  "title": "Data Cutoff Example (< 0.1)",
+  "theme": "theme-blue",
+  "dataUrl": "/examples/cutoff-example-data.json",
+  "animate": true,
+  "animateReplay": true,
+  "visualizationType": "Line",
+  "series": [{ "dataKey": "Value" }],
+  "barThickness": 0.3,
+  "height": 300,
+  "dataCutoff": "0.1",
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": ""
+  },
+  "padding": {
+    "left": 10,
+    "right": 10
+  },
+  "yAxis": {
+    "label": "Value",
+    "gridLines": false,
+    "size": 70
+  },
+  "xAxis": {
+    "label": "Category",
+    "dataKey": "Category"
+  },
+  "legend": {
+    "hide": true
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": true,
+    "download": true
+  }
 }

package/examples/cutoff-example-data.json CHANGED Viewed

@@ -1,38 +1,38 @@
 [
-    {
-        "Category": "Category 1",
-        "Value": "0.05"
-    },
-    {
-        "Category": "Category 2",
-        "Value": "0.1"
-    },
-    {
-        "Category": "Category 3",
-        "Value": "0.2"
-    },
-    {
-        "Category": "Category 4",
-        "Value": "0.4"
-    },
-    {
-        "Category": "Category 5",
-        "Value": "0.3"
-    },
-    {
-        "Category": "Category 6",
-        "Value": "0.03"
-    },
-    {
-        "Category": "Category 7",
-        "Value": "0.5"
-    },
-    {
-        "Category": "Category 8",
-        "Value": "0.5"
-    },
-    {
-        "Category": "Category 9",
-        "Value": "0.08"
-    }
+  {
+    "Category": "Category 1",
+    "Value": "0.05"
+  },
+  {
+    "Category": "Category 2",
+    "Value": "0.1"
+  },
+  {
+    "Category": "Category 3",
+    "Value": "0.2"
+  },
+  {
+    "Category": "Category 4",
+    "Value": "0.4"
+  },
+  {
+    "Category": "Category 5",
+    "Value": "0.3"
+  },
+  {
+    "Category": "Category 6",
+    "Value": null
+  },
+  {
+    "Category": "Category 7",
+    "Value": "0.5"
+  },
+  {
+    "Category": "Category 8",
+    "Value": "0.5"
+  },
+  {
+    "Category": "Category 9",
+    "Value": "0.08"
+  }
 ]

package/examples/date-exclusions-config.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "title": "",
-  "dataUrl":  "/examples/date-exclusions-data.json",
+  "dataUrl": "/examples/date-exclusions-data.json",
   "type": "chart",
   "theme": "theme-blue",
   "fontSize": "medium",

package/examples/dynamic-legends.json ADDED Viewed

@@ -0,0 +1,125 @@
+{
+  "type": "chart",
+  "title": "Example Line Chart",
+  "theme": "theme-green",
+  "fontSize": "medium",
+  "height": "375",
+  "padding": {
+    "left": 5,
+    "right": 5
+  },
+  "yAxis": {
+    "size": "75",
+    "gridLines": false,
+    "label": "Y-Axis Example Label",
+    "numTicks": "9"
+  },
+  "barThickness": 0.35,
+  "xAxis": {
+    "size": "77",
+    "tickRotation": "25",
+    "dataKey": "Date",
+    "label": "X-Axis Example Label",
+    "type": "date",
+    "dateParseFormat": "%d/%m/%Y",
+    "dateDisplayFormat": "%d/%m/%Y"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": true,
+    "download": true
+  },
+  "legend": {
+    "behavior": "isolate",
+    "position": "right",
+    "label": "Type of Data",
+    "dynamicLegend": true
+  },
+  "palette": "qualitative-bold",
+  "labels": false,
+  "dataFormat": {},
+  "confidenceKeys": {},
+  "data": [
+    {
+      "Date": "1/15/2016",
+      "Alabama": "90",
+      "Alaska": "135",
+      "Arizona": "300",
+      "Arkansas": "95",
+      "California": "120",
+      "Colorado": "310"
+    },
+    {
+      "Date": "2/15/2016",
+      "Alabama": "40",
+      "Alaska": "90",
+      "Arizona": "240",
+      "Arkansas": "60",
+      "California": "160",
+      "Colorado": "200"
+    },
+    {
+      "Date": "3/15/2016",
+      "Alabama": "50",
+      "Alaska": "300",
+      "Arizona": "290",
+      "Arkansas": "100",
+      "California": "200",
+      "Colorado": "250"
+    },
+    {
+      "Date": "4/15/2016",
+      "Alabama": "120",
+      "Alaska": "160",
+      "Arizona": "230",
+      "Arkansas": "180",
+      "California": "160",
+      "Colorado": "220"
+    },
+    {
+      "Date": "5/15/2016",
+      "Alabama": "80",
+      "Alaska": "350",
+      "Arizona": "300",
+      "Arkansas": "150",
+      "California": "130",
+      "Colorado": "100"
+    },
+    {
+      "Date": "6/15/2016",
+      "Alabama": "90",
+      "Alaska": "220",
+      "Arizona": "320",
+      "Arkansas": "100",
+      "California": "220",
+      "Colorado": "300"
+    }
+  ],
+  "visualizationType": "Line",
+  "series": [
+    {
+      "dataKey": "Alabama",
+      "type": "Bar"
+    },
+    {
+      "dataKey": "Alaska",
+      "type": "Bar"
+    },
+    {
+      "dataKey": "Arizona",
+      "type": "Bar"
+    },
+    {
+      "dataKey": "Arkansas",
+      "type": "Bar"
+    },
+    {
+      "dataKey": "California",
+      "type": "Bar"
+    },
+    {
+      "dataKey": "Colorado",
+      "type": "Bar"
+    }
+  ]
+}