@cdc/chart 4.23.11 → 4.24.1

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 (103) hide show
  1. package/dist/cdcchart.js +30220 -29764
  2. package/examples/feature/bar/additional-column-tooltip.json +446 -0
  3. package/examples/feature/bar/tall-data.json +98 -0
  4. package/examples/feature/forest-plot/forest-plot.json +63 -19
  5. package/examples/feature/forest-plot/linear.json +52 -3
  6. package/examples/feature/forest-plot/log.json +26 -0
  7. package/examples/feature/forest-plot/logarithmic.json +0 -35
  8. package/examples/feature/line/line-chart-preliminary.json +346 -0
  9. package/examples/feature/scatterplot/scatterplot.json +272 -33
  10. package/examples/private/chart-t.json +3740 -0
  11. package/examples/private/combo.json +369 -0
  12. package/examples/private/epi-data.csv +13 -0
  13. package/examples/private/epi-data.json +62 -0
  14. package/examples/private/epi.json +403 -0
  15. package/examples/private/occupancy.json +109283 -0
  16. package/examples/private/prod-line-config.json +401 -0
  17. package/examples/private/region-data.json +822 -0
  18. package/examples/private/region-testing.json +312 -0
  19. package/examples/private/scaling.json +45325 -0
  20. package/examples/private/testing-data.json +1739 -0
  21. package/examples/private/testing.json +816 -0
  22. package/index.html +7 -7
  23. package/package.json +2 -2
  24. package/src/CdcChart.tsx +29 -210
  25. package/src/ConfigContext.tsx +6 -0
  26. package/src/_stories/ChartEditor.stories.tsx +22 -0
  27. package/src/_stories/ChartLine.preliminary.tsx +19 -0
  28. package/src/_stories/_mock/pie_config.json +191 -0
  29. package/src/_stories/_mock/pie_data.json +218 -0
  30. package/src/_stories/_mock/preliminary_mock.json +346 -0
  31. package/src/components/{AreaChart.Stacked.jsx → AreaChart/components/AreaChart.Stacked.jsx} +2 -2
  32. package/src/components/{AreaChart.jsx → AreaChart/components/AreaChart.jsx} +1 -1
  33. package/src/components/AreaChart/index.tsx +4 -0
  34. package/src/components/{BarChart.Horizontal.tsx → BarChart/components/BarChart.Horizontal.tsx} +8 -8
  35. package/src/components/{BarChart.StackedHorizontal.tsx → BarChart/components/BarChart.StackedHorizontal.tsx} +37 -7
  36. package/src/components/BarChart/components/BarChart.StackedVertical.tsx +106 -0
  37. package/src/components/{BarChart.Vertical.tsx → BarChart/components/BarChart.Vertical.tsx} +41 -57
  38. package/src/components/BarChart/components/BarChart.jsx +39 -0
  39. package/src/components/{BarChartType.jsx → BarChart/components/BarChartType.jsx} +0 -2
  40. package/src/components/BarChart/components/context.tsx +13 -0
  41. package/src/components/BarChart/index.tsx +3 -0
  42. package/src/components/{BoxPlot.jsx → BoxPlot/BoxPlot.jsx} +1 -1
  43. package/src/components/BoxPlot/index.tsx +3 -0
  44. package/src/components/{EditorPanel.jsx → EditorPanel/EditorPanel.tsx} +667 -851
  45. package/src/components/EditorPanel/components/Panel.DateHighlighting.tsx +109 -0
  46. package/src/components/{ForestPlotSettings.jsx → EditorPanel/components/Panel.ForestPlotSettings.tsx} +87 -166
  47. package/src/components/EditorPanel/components/Panel.Regions.tsx +168 -0
  48. package/src/components/{Series.jsx → EditorPanel/components/Panel.Series.tsx} +1 -1
  49. package/src/components/EditorPanel/components/PanelProps.ts +3 -0
  50. package/src/components/EditorPanel/components/Panels.tsx +13 -0
  51. package/src/components/EditorPanel/components/panels.scss +72 -0
  52. package/src/components/EditorPanel/editor-panel.scss +751 -0
  53. package/src/components/EditorPanel/index.tsx +3 -0
  54. package/src/{hooks → components/EditorPanel}/useEditorPermissions.js +29 -2
  55. package/src/components/{Forecasting.jsx → Forecasting/Forecasting.jsx} +1 -1
  56. package/src/components/Forecasting/index.tsx +3 -0
  57. package/src/components/ForestPlot/ForestPlot.tsx +254 -0
  58. package/src/components/ForestPlot/ForestPlotProps.ts +7 -0
  59. package/src/components/ForestPlot/index.tsx +1 -209
  60. package/src/components/{Legend.jsx → Legend/Legend.tsx} +150 -113
  61. package/src/components/Legend/index.tsx +3 -0
  62. package/src/components/LineChart/LineChartProps.ts +29 -0
  63. package/src/components/LineChart/{LineChart.Circle.tsx → components/LineChart.Circle.tsx} +12 -3
  64. package/src/components/LineChart/helpers.ts +45 -0
  65. package/src/components/LineChart/index.tsx +20 -8
  66. package/src/components/LinearChart.jsx +52 -69
  67. package/src/components/{PieChart.jsx → PieChart/PieChart.tsx} +16 -7
  68. package/src/components/PieChart/index.tsx +3 -0
  69. package/src/components/Regions/components/Regions.tsx +135 -0
  70. package/src/components/Regions/index.tsx +3 -0
  71. package/src/components/{ScatterPlot.jsx → ScatterPlot/ScatterPlot.jsx} +3 -3
  72. package/src/components/ScatterPlot/index.tsx +3 -0
  73. package/src/components/{SparkLine.jsx → Sparkline/SparkLine.jsx} +2 -2
  74. package/src/components/Sparkline/index.tsx +3 -0
  75. package/src/data/initial-state.js +5 -6
  76. package/src/helpers/abbreviateNumber.ts +17 -0
  77. package/src/helpers/computeMarginBottom.ts +55 -0
  78. package/src/helpers/filterData.ts +18 -0
  79. package/src/helpers/generateColorsArray.ts +8 -0
  80. package/src/helpers/getQuartiles.ts +30 -0
  81. package/src/helpers/handleChartAriaLabels.ts +19 -0
  82. package/src/helpers/handleLineType.ts +18 -0
  83. package/src/helpers/lineOptions.ts +18 -0
  84. package/src/helpers/sort.ts +7 -0
  85. package/src/helpers/tests/computeMarginBottom.test.ts +20 -0
  86. package/src/hooks/useBarChart.js +7 -6
  87. package/src/hooks/useScales.ts +1 -1
  88. package/src/hooks/{useTooltip.jsx → useTooltip.tsx} +23 -21
  89. package/src/scss/main.scss +67 -3
  90. package/src/types/ChartConfig.ts +158 -23
  91. package/src/types/ChartContext.ts +26 -10
  92. package/src/types/ForestPlot.ts +7 -14
  93. package/examples/feature/scatterplot/scatterplot-continuous.csv +0 -17
  94. package/src/ConfigContext.jsx +0 -5
  95. package/src/components/BarChart.StackedVertical.tsx +0 -91
  96. package/src/components/BarChart.jsx +0 -30
  97. package/src/components/ForestPlot/Readme.md +0 -0
  98. package/src/scss/LinearChart.scss +0 -0
  99. package/src/scss/editor-panel.scss +0 -745
  100. package/src/scss/legend.scss +0 -206
  101. package/src/scss/mixins.scss +0 -0
  102. package/src/scss/variables.scss +0 -1
  103. package/src/types/ChartProps.ts +0 -7
@@ -0,0 +1,403 @@
1
+ {
2
+ "type": "chart",
3
+ "debugSvg": false,
4
+ "chartMessage": {
5
+ "noData": "No Data Available"
6
+ },
7
+ "title": "Number of people with active epilepsy in the US (2021 NHIS)",
8
+ "showTitle": true,
9
+ "showDownloadMediaButton": false,
10
+ "theme": "theme-blue",
11
+ "animate": false,
12
+ "fontSize": "medium",
13
+ "lineDatapointStyle": "hover",
14
+ "lineDatapointColor": "Same as Line",
15
+ "barHasBorder": "false",
16
+ "isLollipopChart": false,
17
+ "lollipopShape": "circle",
18
+ "lollipopColorStyle": "two-tone",
19
+ "visualizationSubType": "regular",
20
+ "barStyle": "",
21
+ "roundingStyle": "standard",
22
+ "tipRounding": "top",
23
+ "isResponsiveTicks": false,
24
+ "general": {
25
+ "showDownloadButton": false
26
+ },
27
+ "padding": {
28
+ "left": 5,
29
+ "right": 5
30
+ },
31
+ "suppressedData": [],
32
+ "yAxis": {
33
+ "hideAxis": false,
34
+ "displayNumbersOnBar": false,
35
+ "hideLabel": false,
36
+ "hideTicks": false,
37
+ "size": 50,
38
+ "gridLines": false,
39
+ "enablePadding": false,
40
+ "min": "",
41
+ "max": "",
42
+ "labelColor": "#333",
43
+ "tickLabelColor": "#333",
44
+ "tickColor": "#333",
45
+ "rightHideAxis": true,
46
+ "rightAxisSize": 0,
47
+ "rightLabel": "",
48
+ "rightLabelOffsetSize": 0,
49
+ "rightAxisLabelColor": "#333",
50
+ "rightAxisTickLabelColor": "#333",
51
+ "rightAxisTickColor": "#333",
52
+ "numTicks": "",
53
+ "axisPadding": 0,
54
+ "tickRotation": 0,
55
+ "anchors": [],
56
+ "label": "Estimate"
57
+ },
58
+ "boxplot": {
59
+ "plots": [],
60
+ "borders": "true",
61
+ "firstQuartilePercentage": 25,
62
+ "thirdQuartilePercentage": 75,
63
+ "boxWidthPercentage": 40,
64
+ "plotOutlierValues": false,
65
+ "plotNonOutlierValues": true,
66
+ "legend": {
67
+ "showHowToReadText": false,
68
+ "howToReadText": ""
69
+ },
70
+ "labels": {
71
+ "q1": "Lower Quartile",
72
+ "q2": "q2",
73
+ "q3": "Upper Quartile",
74
+ "q4": "q4",
75
+ "minimum": "Minimum",
76
+ "maximum": "Maximum",
77
+ "mean": "Mean",
78
+ "median": "Median",
79
+ "sd": "Standard Deviation",
80
+ "iqr": "Interquartile Range",
81
+ "total": "Total",
82
+ "outliers": "Outliers",
83
+ "values": "Values",
84
+ "lowerBounds": "Lower Bounds",
85
+ "upperBounds": "Upper Bounds"
86
+ }
87
+ },
88
+ "topAxis": {
89
+ "hasLine": false
90
+ },
91
+ "isLegendValue": false,
92
+ "barThickness": 0.35,
93
+ "barHeight": 25,
94
+ "barSpace": 15,
95
+ "heights": {
96
+ "vertical": 300,
97
+ "horizontal": 750
98
+ },
99
+ "xAxis": {
100
+ "sortDates": false,
101
+ "anchors": [],
102
+ "type": "categorical",
103
+ "showTargetLabel": true,
104
+ "targetLabel": "Target",
105
+ "hideAxis": false,
106
+ "hideLabel": false,
107
+ "hideTicks": false,
108
+ "size": 75,
109
+ "tickRotation": 0,
110
+ "min": "",
111
+ "max": "",
112
+ "labelColor": "#333",
113
+ "tickLabelColor": "#333",
114
+ "tickColor": "#333",
115
+ "numTicks": "",
116
+ "labelOffset": 65,
117
+ "axisPadding": 0,
118
+ "target": 0,
119
+ "maxTickRotation": 0,
120
+ "dataKey": "Subgroup",
121
+ "tickWidthMax": null,
122
+ "label": "Subgroup"
123
+ },
124
+ "table": {
125
+ "label": "Data Table",
126
+ "expanded": true,
127
+ "limitHeight": false,
128
+ "height": "",
129
+ "caption": "",
130
+ "showDownloadUrl": false,
131
+ "showDataTableLink": true,
132
+ "indexLabel": "",
133
+ "download": false,
134
+ "showVertical": true,
135
+ "show": false
136
+ },
137
+ "orientation": "vertical",
138
+ "color": "pinkpurple",
139
+ "columns": {},
140
+ "legend": {
141
+ "hide": false,
142
+ "behavior": "isolate",
143
+ "singleRow": false,
144
+ "colorCode": "",
145
+ "reverseLabelOrder": false,
146
+ "description": "",
147
+ "dynamicLegend": false,
148
+ "dynamicLegendDefaultText": "Show All",
149
+ "dynamicLegendItemLimit": 5,
150
+ "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
151
+ "dynamicLegendChartMessage": "Select Options from the Legend",
152
+ "lineMode": false,
153
+ "verticalSorted": false,
154
+ "highlightOnHover": false
155
+ },
156
+ "data": [
157
+ {
158
+ "Population": "Age group (years)",
159
+ "Subgroup": "18-44",
160
+ "Estimate": "1,161,000"
161
+ },
162
+ {
163
+ "Population": "Age group (years)",
164
+ "Subgroup": "45-64",
165
+ "Estimate": "1,061,000"
166
+ },
167
+ {
168
+ "Population": "Age group (years)",
169
+ "Subgroup": ">=65",
170
+ "Estimate": "643,000"
171
+ },
172
+ {
173
+ "Population": "Sex",
174
+ "Subgroup": "Men",
175
+ "Estimate": "1,214,000"
176
+ },
177
+ {
178
+ "Population": "Sex",
179
+ "Subgroup": "Women",
180
+ "Estimate": "1,651,000"
181
+ },
182
+ {
183
+ "Population": "Race/Ethnicity",
184
+ "Subgroup": "Hispanic",
185
+ "Estimate": "382,000"
186
+ },
187
+ {
188
+ "Population": "Race/Ethnicity",
189
+ "Subgroup": "Non-Hispanic White",
190
+ "Estimate": "1,870,000"
191
+ },
192
+ {
193
+ "Population": "Race/Ethnicity",
194
+ "Subgroup": "Non-Hispanic Black",
195
+ "Estimate": "473,000"
196
+ },
197
+ {
198
+ "Population": "Race/Ethnicity",
199
+ "Subgroup": "Non-Hispanic other",
200
+ "Estimate": "140,000"
201
+ },
202
+ {
203
+ "Population": "Educational level",
204
+ "Subgroup": "<High School or GED*",
205
+ "Estimate": "448,000"
206
+ },
207
+ {
208
+ "Population": "Educational level",
209
+ "Subgroup": "High School or GED*",
210
+ "Estimate": "1,020,000"
211
+ },
212
+ {
213
+ "Population": "Educational level",
214
+ "Subgroup": ">= some college",
215
+ "Estimate": "1,366,000"
216
+ }
217
+ ],
218
+ "brush": {
219
+ "height": 25,
220
+ "data": [],
221
+ "active": false,
222
+ "pattern_id": "brush_pattern",
223
+ "accent_color": "#ddd"
224
+ },
225
+ "exclusions": {
226
+ "active": false,
227
+ "keys": []
228
+ },
229
+ "palette": "sequential-bluereverse",
230
+ "isPaletteReversed": true,
231
+ "twoColor": {
232
+ "palette": "monochrome-1",
233
+ "isPaletteReversed": false
234
+ },
235
+ "labels": false,
236
+ "dataFormat": {
237
+ "commas": false,
238
+ "prefix": "",
239
+ "suffix": "",
240
+ "abbreviated": false,
241
+ "bottomSuffix": "",
242
+ "bottomPrefix": "",
243
+ "bottomAbbreviated": false
244
+ },
245
+ "confidenceKeys": {},
246
+ "visual": {
247
+ "border": true,
248
+ "accent": true,
249
+ "background": true,
250
+ "verticalHoverLine": false,
251
+ "horizontalHoverLine": false
252
+ },
253
+ "useLogScale": false,
254
+ "filterBehavior": "Filter Change",
255
+ "highlightedBarValues": [],
256
+ "series": [
257
+ {
258
+ "dataKey": "Estimate",
259
+ "type": "Bar",
260
+ "axis": "Left",
261
+ "tooltip": true
262
+ }
263
+ ],
264
+ "tooltips": {
265
+ "opacity": 90,
266
+ "singleSeries": false
267
+ },
268
+ "forestPlot": {
269
+ "startAt": 0,
270
+ "colors": {
271
+ "line": "",
272
+ "shape": ""
273
+ },
274
+ "lineOfNoEffect": {
275
+ "show": true
276
+ },
277
+ "type": "",
278
+ "pooledResult": {
279
+ "diamondHeight": 5,
280
+ "column": ""
281
+ },
282
+ "estimateField": "",
283
+ "estimateRadius": "",
284
+ "shape": "",
285
+ "rowHeight": 20,
286
+ "description": {
287
+ "show": true,
288
+ "text": "description",
289
+ "location": 0
290
+ },
291
+ "result": {
292
+ "show": true,
293
+ "text": "result",
294
+ "location": 100
295
+ },
296
+ "radius": {
297
+ "min": 1,
298
+ "max": 8,
299
+ "scalingColumn": ""
300
+ },
301
+ "regression": {
302
+ "lower": 0,
303
+ "upper": 0,
304
+ "estimateField": 0
305
+ },
306
+ "leftWidthOffset": 0,
307
+ "rightWidthOffset": 0,
308
+ "showZeroLine": false,
309
+ "hideDateCategoryCol": false,
310
+ "leftLabel": "",
311
+ "rightLabel": "",
312
+ "width": "auto",
313
+ "lowerCiField": "",
314
+ "upperCiField": ""
315
+ },
316
+ "area": {
317
+ "isStacked": false
318
+ },
319
+ "showChartBrush": false,
320
+ "openModal": false,
321
+ "uid": "chart1702240713058",
322
+ "visualizationType": "Bar",
323
+ "dataDescription": {
324
+ "horizontal": false,
325
+ "series": false
326
+ },
327
+ "editing": true,
328
+ "validated": 4.23,
329
+ "dynamicMarginTop": 0,
330
+ "filters": [
331
+ {
332
+ "active": "45-64",
333
+ "filterStyle": "dropdown",
334
+ "order": "asc",
335
+ "columnName": "Population",
336
+ "label": "Subgroup"
337
+ }
338
+ ],
339
+ "originalFormattedData": [
340
+ {
341
+ "Population": "Age group (years)",
342
+ "Subgroup": "18-44",
343
+ "Estimate": "1,161,000"
344
+ },
345
+ {
346
+ "Population": "Age group (years)",
347
+ "Subgroup": "45-64",
348
+ "Estimate": "1,061,000"
349
+ },
350
+ {
351
+ "Population": "Age group (years)",
352
+ "Subgroup": ">=65",
353
+ "Estimate": "643,000"
354
+ },
355
+ {
356
+ "Population": "Sex",
357
+ "Subgroup": "Men",
358
+ "Estimate": "1,214,000"
359
+ },
360
+ {
361
+ "Population": "Sex",
362
+ "Subgroup": "Women",
363
+ "Estimate": "1,651,000"
364
+ },
365
+ {
366
+ "Population": "Race/Ethnicity",
367
+ "Subgroup": "Hispanic",
368
+ "Estimate": "382,000"
369
+ },
370
+ {
371
+ "Population": "Race/Ethnicity",
372
+ "Subgroup": "Non-Hispanic White",
373
+ "Estimate": "1,870,000"
374
+ },
375
+ {
376
+ "Population": "Race/Ethnicity",
377
+ "Subgroup": "Non-Hispanic Black",
378
+ "Estimate": "473,000"
379
+ },
380
+ {
381
+ "Population": "Race/Ethnicity",
382
+ "Subgroup": "Non-Hispanic other",
383
+ "Estimate": "140,000"
384
+ },
385
+ {
386
+ "Population": "Educational level",
387
+ "Subgroup": "<High School or General Educational Diploma",
388
+ "Estimate": "448,000"
389
+ },
390
+ {
391
+ "Population": "Educational level",
392
+ "Subgroup": "High School or General Educational Diploma",
393
+ "Estimate": "1,020,000"
394
+ },
395
+ {
396
+ "Population": "Educational level",
397
+ "Subgroup": ">= some college",
398
+ "Estimate": "1,366,000"
399
+ }
400
+ ],
401
+ "superTitle": "",
402
+ "dataKey": "dashboard_aggregate_active_epilepsy.csv"
403
+ }