@cdc/chart 4.22.10 → 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 (72) hide show
  1. package/README.md +5 -5
  2. package/dist/cdcchart.js +4 -4
  3. package/examples/age-adjusted-rates.json +1486 -1218
  4. package/examples/case-rate-example-config.json +1 -1
  5. package/examples/covid-confidence-example-config.json +33 -33
  6. package/examples/covid-example-config.json +34 -34
  7. package/examples/covid-example-data-confidence.json +30 -30
  8. package/examples/covid-example-data.json +20 -20
  9. package/examples/cutoff-example-config.json +36 -36
  10. package/examples/cutoff-example-data.json +36 -36
  11. package/examples/date-exclusions-config.json +1 -1
  12. package/examples/dynamic-legends.json +124 -124
  13. package/examples/gallery/bar-chart-horizontal/horizontal-bar-chart-with-numbers-on-bar.json +191 -197
  14. package/examples/gallery/bar-chart-horizontal/horizontal-bar-chart.json +230 -240
  15. package/examples/gallery/bar-chart-horizontal/horizontal-stacked.json +239 -247
  16. package/examples/gallery/bar-chart-vertical/combo-line-chart.json +136 -136
  17. package/examples/gallery/bar-chart-vertical/vertical-bar-chart-categorical.json +79 -79
  18. package/examples/gallery/bar-chart-vertical/vertical-bar-chart-stacked.json +80 -80
  19. package/examples/gallery/bar-chart-vertical/vertical-bar-chart-with-confidence.json +67 -67
  20. package/examples/gallery/bar-chart-vertical/vertical-bar-chart.json +110 -110
  21. package/examples/gallery/lollipop/lollipop-style-horizontal.json +215 -219
  22. package/examples/gallery/paired-bar/paired-bar-chart.json +195 -195
  23. package/examples/horizontal-chart.json +35 -35
  24. package/examples/horizontal-stacked-bar-chart.json +34 -34
  25. package/examples/line-chart.json +75 -75
  26. package/examples/paired-bar-data.json +16 -14
  27. package/examples/paired-bar-example.json +48 -48
  28. package/examples/paired-bar-formatted.json +36 -36
  29. package/examples/planet-chart-horizontal-example-config.json +33 -33
  30. package/examples/planet-combo-example-config.json +34 -31
  31. package/examples/planet-example-config.json +35 -33
  32. package/examples/planet-example-data.json +56 -56
  33. package/examples/planet-pie-example-config.json +28 -28
  34. package/examples/private/filters.json +170 -0
  35. package/examples/private/line-test-data.json +21 -21
  36. package/examples/private/line-test-two.json +209 -215
  37. package/examples/private/line-test.json +101 -101
  38. package/examples/private/new.json +48800 -0
  39. package/examples/private/shawn.json +1105 -1295
  40. package/examples/private/test.json +10123 -10123
  41. package/examples/private/yaxis-test.json +4 -3
  42. package/examples/private/yaxis.json +26 -26
  43. package/examples/stacked-vertical-bar-example.json +1 -1
  44. package/examples/temp-example-config.json +61 -54
  45. package/examples/temp-example-data.json +1 -1
  46. package/package.json +2 -2
  47. package/src/CdcChart.tsx +339 -380
  48. package/src/components/BarChart.tsx +425 -469
  49. package/src/components/DataTable.tsx +164 -195
  50. package/src/components/EditorPanel.js +1009 -710
  51. package/src/components/Legend.js +279 -329
  52. package/src/components/LineChart.tsx +90 -79
  53. package/src/components/LinearChart.tsx +376 -434
  54. package/src/components/PairedBarChart.tsx +197 -213
  55. package/src/components/PieChart.tsx +95 -151
  56. package/src/components/SparkLine.js +179 -201
  57. package/src/components/useIntersectionObserver.tsx +17 -20
  58. package/src/context.tsx +3 -3
  59. package/src/data/initial-state.js +37 -16
  60. package/src/hooks/useActiveElement.js +13 -13
  61. package/src/hooks/useChartClasses.js +34 -28
  62. package/src/hooks/useColorPalette.ts +56 -63
  63. package/src/hooks/useLegendClasses.js +18 -10
  64. package/src/hooks/useReduceData.ts +62 -78
  65. package/src/hooks/useRightAxis.js +25 -0
  66. package/src/hooks/useTopAxis.js +6 -0
  67. package/src/index.html +45 -45
  68. package/src/index.tsx +13 -16
  69. package/src/scss/DataTable.scss +5 -4
  70. package/src/scss/editor-panel.scss +71 -69
  71. package/src/scss/main.scss +157 -114
  72. package/src/scss/variables.scss +1 -1
@@ -22,7 +22,6 @@
22
22
  "displayNumbersOnBar": false,
23
23
  "hideLabel": false,
24
24
  "hideTicks": false,
25
- "size": "100",
26
25
  "gridLines": false,
27
26
  "min": "",
28
27
  "max": "",
@@ -111,11 +110,13 @@
111
110
  "series": [
112
111
  {
113
112
  "dataKey": "tot_tests_0_12",
114
- "type": "Bar"
113
+ "type": "Bar",
114
+ "axis": "Left"
115
115
  },
116
116
  {
117
117
  "dataKey": "tot_tests_13_17",
118
- "type": "Bar"
118
+ "type": "Bar",
119
+ "axis": "Left"
119
120
  },
120
121
  {
121
122
  "dataKey": "tot_tests_18_older",
@@ -1,28 +1,28 @@
1
1
  [
2
- {"week":"5/21/2022","tot_tests_0_12":"0","tot_tests_13_17":"0","tot_tests_18_older":"3","0_12_positivity_rate":"","13_17_positivity_rate":"","18_older_positivity_rate":"100"},
3
- {"week":"5/28/2022","tot_tests_0_12":"0","tot_tests_13_17":"0","tot_tests_18_older":"31","0_12_positivity_rate":"","13_17_positivity_rate":"","18_older_positivity_rate":"33.3"},
4
- {"week":"6/4/2022","tot_tests_0_12":"7","tot_tests_13_17":"0","tot_tests_18_older":"53","0_12_positivity_rate":"0","13_17_positivity_rate":"","18_older_positivity_rate":"34"},
5
- {"week":"6/11/2022","tot_tests_0_12":"3","tot_tests_13_17":"0","tot_tests_18_older":"128","0_12_positivity_rate":"0","13_17_positivity_rate":"","18_older_positivity_rate":"23.5"},
6
- {"week":"6/18/2022","tot_tests_0_12":"3","tot_tests_13_17":"0","tot_tests_18_older":"153","0_12_positivity_rate":"0","13_17_positivity_rate":"","18_older_positivity_rate":"38.8"},
7
- {"week":"6/25/2022","tot_tests_0_12":"10","tot_tests_13_17":"0","tot_tests_18_older":"232","0_12_positivity_rate":"0","13_17_positivity_rate":"","18_older_positivity_rate":"43.4"},
8
- {"week":"7/2/2022","tot_tests_0_12":"16","tot_tests_13_17":"5","tot_tests_18_older":"530","0_12_positivity_rate":"8.3","13_17_positivity_rate":"20","18_older_positivity_rate":"53"},
9
- {"week":"7/9/2022","tot_tests_0_12":"14","tot_tests_13_17":"3","tot_tests_18_older":"734","0_12_positivity_rate":"7.1","13_17_positivity_rate":"0","18_older_positivity_rate":"53.6"},
10
- {"week":"7/16/2022","tot_tests_0_12":"38","tot_tests_13_17":"20","tot_tests_18_older":"2442","0_12_positivity_rate":"2.9","13_17_positivity_rate":"0","18_older_positivity_rate":"58.3"},
11
- {"week":"7/23/2022","tot_tests_0_12":"74","tot_tests_13_17":"21","tot_tests_18_older":"2962","0_12_positivity_rate":"4.2","13_17_positivity_rate":"5","18_older_positivity_rate":"54"},
12
- {"week":"7/30/2022","tot_tests_0_12":"215","tot_tests_13_17":"72","tot_tests_18_older":"4032","0_12_positivity_rate":"0.5","13_17_positivity_rate":"0","18_older_positivity_rate":"47.2"},
13
- {"week":"8/6/2022","tot_tests_0_12":"339","tot_tests_13_17":"131","tot_tests_18_older":"5236","0_12_positivity_rate":"0.6","13_17_positivity_rate":"0","18_older_positivity_rate":"36.6"},
14
- {"week":"8/13/2022","tot_tests_0_12":"590","tot_tests_13_17":"153","tot_tests_18_older":"6540","0_12_positivity_rate":"0.8","13_17_positivity_rate":"0","18_older_positivity_rate":"30.3"},
15
- {"week":"8/20/2022","tot_tests_0_12":"717","tot_tests_13_17":"240","tot_tests_18_older":"7696","0_12_positivity_rate":"1.8","13_17_positivity_rate":"5.5","18_older_positivity_rate":"28.5"},
16
- {"week":"8/27/2022","tot_tests_0_12":"548","tot_tests_13_17":"202","tot_tests_18_older":"5488","0_12_positivity_rate":"0.6","13_17_positivity_rate":"3.3","18_older_positivity_rate":"27.4"},
17
- {"week":"9/3/2022","tot_tests_0_12":"566","tot_tests_13_17":"152","tot_tests_18_older":"4612","0_12_positivity_rate":"0.2","13_17_positivity_rate":"2.1","18_older_positivity_rate":"26"},
18
- {"week":"9/10/2022","tot_tests_0_12":"432","tot_tests_13_17":"139","tot_tests_18_older":"3399","0_12_positivity_rate":"0.3","13_17_positivity_rate":"2.4","18_older_positivity_rate":"24.2"},
19
- {"week":"9/17/2022","tot_tests_0_12":"350","tot_tests_13_17":"119","tot_tests_18_older":"3065","0_12_positivity_rate":"1.3","13_17_positivity_rate":"2.9","18_older_positivity_rate":"25.8"},
20
- {"week":"9/24/2022","tot_tests_0_12":"307","tot_tests_13_17":"102","tot_tests_18_older":"2648","0_12_positivity_rate":"0","13_17_positivity_rate":"5.6","18_older_positivity_rate":"26.9"},
21
- {"week":"10/1/2022","tot_tests_0_12":"222","tot_tests_13_17":"84","tot_tests_18_older":"2002","0_12_positivity_rate":"0","13_17_positivity_rate":"6.8","18_older_positivity_rate":"24.9"},
22
- {"week":"10/8/2022","tot_tests_0_12":"143","tot_tests_13_17":"59","tot_tests_18_older":"1645","0_12_positivity_rate":"0","13_17_positivity_rate":"3.9","18_older_positivity_rate":"24.3"},
23
- {"week":"10/15/2022","tot_tests_0_12":"151","tot_tests_13_17":"71","tot_tests_18_older":"1528","0_12_positivity_rate":"0.8","13_17_positivity_rate":"0","18_older_positivity_rate":"27.1"},
24
- {"week":"10/22/2022","tot_tests_0_12":"106","tot_tests_13_17":"48","tot_tests_18_older":"1156","0_12_positivity_rate":"3.5","13_17_positivity_rate":"0","18_older_positivity_rate":"25.6"},
25
- {"week":"10/29/2022","tot_tests_0_12":"80","tot_tests_13_17":"38","tot_tests_18_older":"969","0_12_positivity_rate":"1.3","13_17_positivity_rate":"5.4","18_older_positivity_rate":"21"},
26
- {"week":"11/5/2022","tot_tests_0_12":"80","tot_tests_13_17":"33","tot_tests_18_older":"912","0_12_positivity_rate":"5.9","13_17_positivity_rate":"0","18_older_positivity_rate":"19"},
27
- {"week":"11/12/2022","tot_tests_0_12":"25","tot_tests_13_17":"7","tot_tests_18_older":"266","0_12_positivity_rate":"17.4","13_17_positivity_rate":"0","18_older_positivity_rate":"18.9"}
2
+ { "week": "5/21/2022", "tot_tests_0_12": "0", "tot_tests_13_17": "0", "tot_tests_18_older": "3", "0_12_positivity_rate": "", "13_17_positivity_rate": "", "18_older_positivity_rate": "100" },
3
+ { "week": "5/28/2022", "tot_tests_0_12": "0", "tot_tests_13_17": "0", "tot_tests_18_older": "31", "0_12_positivity_rate": "", "13_17_positivity_rate": "", "18_older_positivity_rate": "33.3" },
4
+ { "week": "6/4/2022", "tot_tests_0_12": "7", "tot_tests_13_17": "0", "tot_tests_18_older": "53", "0_12_positivity_rate": "0", "13_17_positivity_rate": "", "18_older_positivity_rate": "34" },
5
+ { "week": "6/11/2022", "tot_tests_0_12": "3", "tot_tests_13_17": "0", "tot_tests_18_older": "128", "0_12_positivity_rate": "0", "13_17_positivity_rate": "", "18_older_positivity_rate": "23.5" },
6
+ { "week": "6/18/2022", "tot_tests_0_12": "3", "tot_tests_13_17": "0", "tot_tests_18_older": "153", "0_12_positivity_rate": "0", "13_17_positivity_rate": "", "18_older_positivity_rate": "38.8" },
7
+ { "week": "6/25/2022", "tot_tests_0_12": "10", "tot_tests_13_17": "0", "tot_tests_18_older": "232", "0_12_positivity_rate": "0", "13_17_positivity_rate": "", "18_older_positivity_rate": "43.4" },
8
+ { "week": "7/2/2022", "tot_tests_0_12": "16", "tot_tests_13_17": "5", "tot_tests_18_older": "530", "0_12_positivity_rate": "8.3", "13_17_positivity_rate": "20", "18_older_positivity_rate": "53" },
9
+ { "week": "7/9/2022", "tot_tests_0_12": "14", "tot_tests_13_17": "3", "tot_tests_18_older": "734", "0_12_positivity_rate": "7.1", "13_17_positivity_rate": "0", "18_older_positivity_rate": "53.6" },
10
+ { "week": "7/16/2022", "tot_tests_0_12": "38", "tot_tests_13_17": "20", "tot_tests_18_older": "2442", "0_12_positivity_rate": "2.9", "13_17_positivity_rate": "0", "18_older_positivity_rate": "58.3" },
11
+ { "week": "7/23/2022", "tot_tests_0_12": "74", "tot_tests_13_17": "21", "tot_tests_18_older": "2962", "0_12_positivity_rate": "4.2", "13_17_positivity_rate": "5", "18_older_positivity_rate": "54" },
12
+ { "week": "7/30/2022", "tot_tests_0_12": "215", "tot_tests_13_17": "72", "tot_tests_18_older": "4032", "0_12_positivity_rate": "0.5", "13_17_positivity_rate": "0", "18_older_positivity_rate": "47.2" },
13
+ { "week": "8/6/2022", "tot_tests_0_12": "339", "tot_tests_13_17": "131", "tot_tests_18_older": "5236", "0_12_positivity_rate": "0.6", "13_17_positivity_rate": "0", "18_older_positivity_rate": "36.6" },
14
+ { "week": "8/13/2022", "tot_tests_0_12": "590", "tot_tests_13_17": "153", "tot_tests_18_older": "6540", "0_12_positivity_rate": "0.8", "13_17_positivity_rate": "0", "18_older_positivity_rate": "30.3" },
15
+ { "week": "8/20/2022", "tot_tests_0_12": "717", "tot_tests_13_17": "240", "tot_tests_18_older": "7696", "0_12_positivity_rate": "1.8", "13_17_positivity_rate": "5.5", "18_older_positivity_rate": "28.5" },
16
+ { "week": "8/27/2022", "tot_tests_0_12": "548", "tot_tests_13_17": "202", "tot_tests_18_older": "5488", "0_12_positivity_rate": "0.6", "13_17_positivity_rate": "3.3", "18_older_positivity_rate": "27.4" },
17
+ { "week": "9/3/2022", "tot_tests_0_12": "566", "tot_tests_13_17": "152", "tot_tests_18_older": "4612", "0_12_positivity_rate": "0.2", "13_17_positivity_rate": "2.1", "18_older_positivity_rate": "26" },
18
+ { "week": "9/10/2022", "tot_tests_0_12": "432", "tot_tests_13_17": "139", "tot_tests_18_older": "3399", "0_12_positivity_rate": "0.3", "13_17_positivity_rate": "2.4", "18_older_positivity_rate": "24.2" },
19
+ { "week": "9/17/2022", "tot_tests_0_12": "350", "tot_tests_13_17": "119", "tot_tests_18_older": "3065", "0_12_positivity_rate": "1.3", "13_17_positivity_rate": "2.9", "18_older_positivity_rate": "25.8" },
20
+ { "week": "9/24/2022", "tot_tests_0_12": "307", "tot_tests_13_17": "102", "tot_tests_18_older": "2648", "0_12_positivity_rate": "0", "13_17_positivity_rate": "5.6", "18_older_positivity_rate": "26.9" },
21
+ { "week": "10/1/2022", "tot_tests_0_12": "222", "tot_tests_13_17": "84", "tot_tests_18_older": "2002", "0_12_positivity_rate": "0", "13_17_positivity_rate": "6.8", "18_older_positivity_rate": "24.9" },
22
+ { "week": "10/8/2022", "tot_tests_0_12": "143", "tot_tests_13_17": "59", "tot_tests_18_older": "1645", "0_12_positivity_rate": "0", "13_17_positivity_rate": "3.9", "18_older_positivity_rate": "24.3" },
23
+ { "week": "10/15/2022", "tot_tests_0_12": "151", "tot_tests_13_17": "71", "tot_tests_18_older": "1528", "0_12_positivity_rate": "0.8", "13_17_positivity_rate": "0", "18_older_positivity_rate": "27.1" },
24
+ { "week": "10/22/2022", "tot_tests_0_12": "106", "tot_tests_13_17": "48", "tot_tests_18_older": "1156", "0_12_positivity_rate": "3.5", "13_17_positivity_rate": "0", "18_older_positivity_rate": "25.6" },
25
+ { "week": "10/29/2022", "tot_tests_0_12": "80", "tot_tests_13_17": "38", "tot_tests_18_older": "969", "0_12_positivity_rate": "1.3", "13_17_positivity_rate": "5.4", "18_older_positivity_rate": "21" },
26
+ { "week": "11/5/2022", "tot_tests_0_12": "80", "tot_tests_13_17": "33", "tot_tests_18_older": "912", "0_12_positivity_rate": "5.9", "13_17_positivity_rate": "0", "18_older_positivity_rate": "19" },
27
+ { "week": "11/12/2022", "tot_tests_0_12": "25", "tot_tests_13_17": "7", "tot_tests_18_older": "266", "0_12_positivity_rate": "17.4", "13_17_positivity_rate": "0", "18_older_positivity_rate": "18.9" }
28
28
  ]
@@ -225,4 +225,4 @@
225
225
  "Data 12": "200"
226
226
  }
227
227
  ]
228
- }
228
+ }
@@ -1,57 +1,64 @@
1
1
  {
2
- "title": "Average Temperature By City (Line Example)",
3
- "description": "<p>Average temperature from October 1st through August 29th in:</p><ul><li>New York</li><li>San Francisco</li><li>Austin</li></ul>",
4
- "dataUrl": "/examples/temp-example-data.json",
5
- "visualizationType": "Line",
6
- "series": [{"dataKey": "New York", "label": "NY"}, {"dataKey": "San Francisco", "label": "SF"}, {"dataKey":"Austin", "label": "AU"}],
7
- "filters":[{
8
- "label": "Wind",
9
- "columnName": "wind"
10
- },{
11
- "label": "Humidity",
12
- "columnName": "humidity"
13
- }],
14
- "seriesLabel": "City",
15
- "fontSize": "large",
16
- "dataFormat": {
17
- "commas": false,
18
- "prefix": "",
19
- "suffix": "°"
2
+ "title": "Average Temperature By City (Line Example)",
3
+ "description": "<p>Average temperature from October 1st through August 29th in:</p><ul><li>New York</li><li>San Francisco</li><li>Austin</li></ul>",
4
+ "dataUrl": "/examples/temp-example-data.json",
5
+ "visualizationType": "Line",
6
+ "series": [
7
+ { "dataKey": "New York", "label": "NY" },
8
+ { "dataKey": "San Francisco", "label": "SF" },
9
+ { "dataKey": "Austin", "label": "AU" }
10
+ ],
11
+ "filters": [
12
+ {
13
+ "label": "Wind",
14
+ "columnName": "wind"
20
15
  },
21
- "padding": {
22
- "left": 15,
23
- "right": 15
24
- },
25
- "yAxis": {
26
- "label": "Temperature",
27
- "paddingPercent": 0.15
28
- },
29
- "xAxis": {
30
- "label": "Date",
31
- "dataKey": "date",
32
- "type": "date",
33
- "dateParseFormat": "%Y-%m-%d",
34
- "dateDisplayFormat": "%b %d",
35
- "numTicks": 8,
36
- "tickRotation": 50
37
- },
38
- "legend": {
39
- "label": "Legend",
40
- "above": true,
41
- "left": true
42
- },
43
- "table": {
44
- "label": "Data Table",
45
- "expanded": false,
46
- "download": true
47
- },
48
- "regions": [
49
- {
50
- "label": "Region",
51
- "color": "black",
52
- "background": "green",
53
- "from": "2011-10-02",
54
- "to": "2011-10-03"
55
- }
56
- ]
16
+ {
17
+ "label": "Humidity",
18
+ "columnName": "humidity"
19
+ }
20
+ ],
21
+ "seriesLabel": "City",
22
+ "fontSize": "large",
23
+ "dataFormat": {
24
+ "commas": false,
25
+ "prefix": "",
26
+ "suffix": "°"
27
+ },
28
+ "padding": {
29
+ "left": 15,
30
+ "right": 15
31
+ },
32
+ "yAxis": {
33
+ "label": "Temperature",
34
+ "paddingPercent": 0.15
35
+ },
36
+ "xAxis": {
37
+ "label": "Date",
38
+ "dataKey": "date",
39
+ "type": "date",
40
+ "dateParseFormat": "%Y-%m-%d",
41
+ "dateDisplayFormat": "%b %d",
42
+ "numTicks": 8,
43
+ "tickRotation": 50
44
+ },
45
+ "legend": {
46
+ "label": "Legend",
47
+ "above": true,
48
+ "left": true
49
+ },
50
+ "table": {
51
+ "label": "Data Table",
52
+ "expanded": false,
53
+ "download": true
54
+ },
55
+ "regions": [
56
+ {
57
+ "label": "Region",
58
+ "color": "black",
59
+ "background": "green",
60
+ "from": "2011-10-02",
61
+ "to": "2011-10-03"
62
+ }
63
+ ]
57
64
  }
@@ -127,4 +127,4 @@
127
127
  "wind": "Don't Include Wind",
128
128
  "humidity": "Don't Include Humidiy"
129
129
  }
130
- ]
130
+ ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cdc/chart",
3
- "version": "4.22.10",
3
+ "version": "4.22.11",
4
4
  "description": "React component for visualizing tabular data in various types of charts",
5
5
  "main": "dist/cdcchart",
6
6
  "scripts": {
@@ -50,5 +50,5 @@
50
50
  "resolutions": {
51
51
  "@types/react": "17.x"
52
52
  },
53
- "gitHead": "a7eb551a98c7363d3be58cb81dfc8bbc00522804"
53
+ "gitHead": "9768d1ea0e2383044977d988e33531bcdfe33ea6"
54
54
  }