@cdc/chart 4.25.10 → 4.26.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 (135) hide show
  1. package/dist/{cdcchart-1a1724a1.es.js → cdcchart-dgT_1dIT.es.js} +136 -151
  2. package/dist/cdcchart.js +44003 -43518
  3. package/examples/feature/__data__/planet-example-data.json +1 -1
  4. package/examples/feature/boxplot/valid-boxplot.csv +38 -17
  5. package/examples/feature/pie/planet-pie-example-config.json +48 -2
  6. package/examples/private/DEV-11825.json +573 -0
  7. package/examples/private/DEV-12100.json +1303 -0
  8. package/examples/private/cat-y.json +1235 -0
  9. package/examples/private/data-points.json +228 -0
  10. package/examples/private/height.json +3915 -0
  11. package/examples/private/links.json +569 -0
  12. package/examples/private/na.json +913 -0
  13. package/examples/private/quadrant.txt +30 -0
  14. package/examples/private/test-data.csv +28 -0
  15. package/examples/private/test-forecast.json +5510 -0
  16. package/examples/private/warming-stripe-test.json +2578 -0
  17. package/examples/private/warming-stripes.json +4763 -0
  18. package/examples/tech-adoption-with-links.json +560 -0
  19. package/index.html +16 -140
  20. package/package.json +6 -5
  21. package/preview.html +1616 -0
  22. package/src/CdcChart.tsx +8 -11
  23. package/src/CdcChartComponent.tsx +329 -124
  24. package/src/_stories/Chart.Combo.stories.tsx +18 -0
  25. package/src/_stories/Chart.Forecast.stories.tsx +36 -0
  26. package/src/_stories/Chart.HTMLInDataTable.stories.tsx +520 -0
  27. package/src/_stories/Chart.Patterns.stories.tsx +2 -1
  28. package/src/_stories/Chart.PreserveDecimals.stories.tsx +220 -0
  29. package/src/_stories/Chart.Regions.Categorical.stories.tsx +148 -0
  30. package/src/_stories/Chart.Regions.DateScale.stories.tsx +197 -0
  31. package/src/_stories/Chart.Regions.DateTimeScale.stories.tsx +297 -0
  32. package/src/_stories/Chart.SmallMultiples.stories.tsx +47 -0
  33. package/src/_stories/Chart.stories.tsx +8 -0
  34. package/src/_stories/ChartAnnotation.stories.tsx +6 -3
  35. package/src/_stories/ChartBar.Editor.stories.tsx +3585 -0
  36. package/src/_stories/ChartBrush.Editor.stories.tsx +295 -0
  37. package/src/_stories/ChartBrush.stories.tsx +50 -0
  38. package/src/_stories/ChartEditor.Editor.stories.tsx +656 -0
  39. package/src/_stories/ChartEditor.stories.tsx +1 -2
  40. package/src/_stories/TechAdoptionWithLinks.stories.tsx +27 -0
  41. package/src/_stories/_mock/brush_enabled.json +326 -0
  42. package/src/_stories/_mock/brush_mock.json +2 -69
  43. package/src/_stories/_mock/combo.json +451 -0
  44. package/src/_stories/_mock/editor-test-configs.json +376 -0
  45. package/src/_stories/_mock/editor-test-datasets.json +477 -0
  46. package/src/_stories/_mock/editor-tests/bar-chart-editor-test.json +255 -0
  47. package/src/_stories/_mock/editor-tests/bar-chart-general-test.json +267 -0
  48. package/src/_stories/_mock/editor-tests/bar-chart-test.json +237 -0
  49. package/src/_stories/_mock/forecast_combo_with_gaps.json +913 -0
  50. package/src/_stories/_mock/horizontal-bars-dynamic-y-axis.json +413 -0
  51. package/src/_stories/_mock/pie_config.json +257 -62
  52. package/src/_stories/_mock/small_multiples/small_multiples_bars.json +1944 -0
  53. package/src/_stories/_mock/small_multiples/small_multiples_big_data_bars.json +1114 -0
  54. package/src/_stories/_mock/small_multiples/small_multiples_lines.json +2646 -0
  55. package/src/_stories/_mock/small_multiples/small_multiples_lines_colors.json +1305 -0
  56. package/src/_stories/_mock/small_multiples/small_multiples_stacked_bars.json +1936 -0
  57. package/src/components/Annotations/components/findNearestDatum.ts +6 -41
  58. package/src/components/AreaChart/components/AreaChart.Stacked.jsx +10 -7
  59. package/src/components/AreaChart/index.tsx +1 -2
  60. package/src/components/Axis/Categorical.Axis.tsx +6 -7
  61. package/src/components/BarChart/components/BarChart.Horizontal.tsx +181 -27
  62. package/src/components/BarChart/components/BarChart.StackedHorizontal.tsx +3 -1
  63. package/src/components/BarChart/components/BarChart.StackedVertical.tsx +1 -0
  64. package/src/components/BarChart/components/BarChart.Vertical.tsx +8 -9
  65. package/src/components/BarChart/components/context.tsx +1 -0
  66. package/src/components/BarChart/helpers/useBarChart.ts +14 -2
  67. package/src/components/BoxPlot/helpers/index.ts +3 -3
  68. package/src/components/Brush/BrushSelector.tsx +1258 -0
  69. package/src/components/Brush/MiniChartPreview.tsx +283 -0
  70. package/src/components/DeviationBar.jsx +9 -7
  71. package/src/components/EditorPanel/EditorPanel.tsx +2720 -2586
  72. package/src/components/EditorPanel/components/Panels/Panel.Annotate.tsx +96 -111
  73. package/src/components/EditorPanel/components/Panels/Panel.ForestPlotSettings.tsx +56 -34
  74. package/src/components/EditorPanel/components/Panels/Panel.General.tsx +76 -31
  75. package/src/components/EditorPanel/components/Panels/Panel.PatternSettings.tsx +104 -55
  76. package/src/components/EditorPanel/components/Panels/Panel.Series.tsx +54 -49
  77. package/src/components/EditorPanel/components/Panels/Panel.SmallMultiples.tsx +427 -0
  78. package/src/components/EditorPanel/components/Panels/Panel.Visual.tsx +96 -48
  79. package/src/components/EditorPanel/components/Panels/index.tsx +3 -1
  80. package/src/components/EditorPanel/editor-panel.scss +0 -20
  81. package/src/components/EditorPanel/useEditorPermissions.ts +36 -31
  82. package/src/components/Forecasting/Forecasting.tsx +139 -21
  83. package/src/components/Legend/Legend.Component.tsx +16 -9
  84. package/src/components/Legend/Legend.tsx +3 -2
  85. package/src/components/Legend/helpers/createFormatLabels.tsx +325 -176
  86. package/src/components/Legend/helpers/getLegendClasses.ts +0 -1
  87. package/src/components/Legend/helpers/index.ts +10 -6
  88. package/src/components/LineChart/LineChartProps.ts +0 -3
  89. package/src/components/LineChart/helpers.ts +1 -1
  90. package/src/components/LineChart/index.tsx +36 -13
  91. package/src/components/LinearChart.tsx +559 -499
  92. package/src/components/PairedBarChart.jsx +20 -3
  93. package/src/components/Regions/components/Regions.tsx +366 -144
  94. package/src/components/Sankey/types/index.ts +1 -1
  95. package/src/components/ScatterPlot/ScatterPlot.jsx +2 -2
  96. package/src/components/SmallMultiples/SmallMultipleTile.tsx +202 -0
  97. package/src/components/SmallMultiples/SmallMultiples.css +32 -0
  98. package/src/components/SmallMultiples/SmallMultiples.tsx +271 -0
  99. package/src/components/SmallMultiples/index.ts +2 -0
  100. package/src/components/WarmingStripes/WarmingStripes.tsx +160 -0
  101. package/src/components/WarmingStripes/WarmingStripesGradientLegend.css +35 -0
  102. package/src/components/WarmingStripes/WarmingStripesGradientLegend.tsx +104 -0
  103. package/src/components/WarmingStripes/index.tsx +3 -0
  104. package/src/data/initial-state.js +16 -2
  105. package/src/helpers/buildForecastPaletteOptions.ts +0 -38
  106. package/src/helpers/calculateHorizontalBarCategoryLabelWidth.ts +57 -0
  107. package/src/helpers/getColorScale.ts +10 -0
  108. package/src/{hooks/useMinMax.ts → helpers/getMinMax.ts} +26 -14
  109. package/src/helpers/getYAxisAutoPadding.ts +53 -0
  110. package/src/helpers/sizeHelpers.ts +0 -20
  111. package/src/helpers/smallMultiplesHelpers.ts +529 -0
  112. package/src/hooks/useChartHoverAnalytics.tsx +10 -9
  113. package/src/hooks/useProgrammaticTooltip.ts +96 -0
  114. package/src/hooks/useScales.ts +98 -34
  115. package/src/hooks/useSmallMultipleSynchronization.ts +59 -0
  116. package/src/hooks/useTooltip.tsx +91 -25
  117. package/src/scss/DataTable.scss +0 -4
  118. package/src/scss/main.scss +18 -83
  119. package/src/store/chart.actions.ts +2 -0
  120. package/src/store/chart.reducer.ts +4 -0
  121. package/src/test/CdcChart.test.jsx +1 -1
  122. package/src/types/ChartConfig.ts +27 -6
  123. package/src/types/ChartContext.ts +3 -0
  124. package/src/types/Label.ts +1 -0
  125. package/src/utils/analyticsTracking.ts +19 -0
  126. package/LICENSE +0 -201
  127. package/src/_stories/_mock/pie_data.json +0 -218
  128. package/src/components/AreaChart/components/AreaChart.jsx +0 -109
  129. package/src/components/Brush/BrushChart.tsx +0 -128
  130. package/src/components/Brush/BrushController.tsx +0 -71
  131. package/src/components/Brush/types.tsx +0 -8
  132. package/src/components/BrushChart.tsx +0 -223
  133. package/src/helpers/sort.ts +0 -7
  134. package/src/hooks/useActiveElement.js +0 -19
  135. package/src/hooks/useChartClasses.js +0 -41
@@ -16,5 +16,5 @@
16
16
  "Radius": "1000",
17
17
  "Diameter": "18",
18
18
  "distance": "40"
19
- },
19
+ }
20
20
  ]
@@ -1,17 +1,38 @@
1
- Group_Category,Value
2
- category one,21
3
- category one,19
4
- category one,23
5
- category one,24
6
- category two,18
7
- category two,10
8
- category two,12
9
- category two,19
10
- category three,30
11
- category three,35
12
- category three,36
13
- category three,40
14
- category four,50
15
- category four,54
16
- category four,42
17
- category four,159
1
+ Group,Score
2
+ Group A,8
3
+ Group A,24
4
+ Group A,32
5
+ Group A,40
6
+ Group A,43
7
+ Group A,72
8
+ Group A,83
9
+ Group A,90
10
+ Group A,92
11
+ Group A,96
12
+ Group A,112
13
+ Group A,278
14
+ Group B,5
15
+ Group B,10
16
+ Group B,15
17
+ Group B,20
18
+ Group B,25
19
+ Group B,30
20
+ Group B,35
21
+ Group B,40
22
+ Group B,45
23
+ Group B,50
24
+ Group B,55
25
+ Group B,60
26
+ Group C,12
27
+ Group C,44
28
+ Group C,46
29
+ Group C,63
30
+ Group C,76
31
+ Group C,88
32
+ Group C,94
33
+ Group C,99
34
+ Group C,112
35
+ Group C,118
36
+ Group C,240
37
+ Group C,256
38
+
@@ -1,6 +1,52 @@
1
1
  {
2
2
  "title": "Planet Radius (Pie Example)",
3
- "dataUrl": "/examples/feature/__data__/planet-example-data.json",
3
+ "data": [
4
+ {
5
+ "name": "Jupiter",
6
+ "radius": "10.97",
7
+ "distance": "0"
8
+ },
9
+ {
10
+ "name": "Saturn",
11
+ "radius": "9.14",
12
+ "distance": "0"
13
+ },
14
+ {
15
+ "name": "Uranus",
16
+ "radius": "3.98",
17
+ "distance": "0"
18
+ },
19
+ {
20
+ "name": "Neptune",
21
+ "radius": "3.86",
22
+ "distance": "0"
23
+ },
24
+ {
25
+ "name": "Earth",
26
+ "radius": "1",
27
+ "distance": "0"
28
+ },
29
+ {
30
+ "name": "Venus",
31
+ "radius": "0.950",
32
+ "distance": "0"
33
+ },
34
+ {
35
+ "name": "Mars",
36
+ "radius": "0.532",
37
+ "distance": "0"
38
+ },
39
+ {
40
+ "name": "Mercury",
41
+ "radius": "0.383",
42
+ "distance": "0"
43
+ },
44
+ {
45
+ "name": "Pluto",
46
+ "radius": "0.181",
47
+ "distance": "01"
48
+ }
49
+ ],
4
50
  "animate": false,
5
51
  "animateReplay": true,
6
52
  "visualizationType": "Pie",
@@ -14,7 +60,7 @@
14
60
  },
15
61
  "yAxis": {
16
62
  "label": "Radius",
17
- "dataKey": "Radius"
63
+ "dataKey": "radius"
18
64
  },
19
65
  "xAxis": {
20
66
  "label": "Planet",
@@ -0,0 +1,573 @@
1
+ {
2
+ "annotations": [],
3
+ "allowLineToBarGraph": "__​undefined__",
4
+ "type": "chart",
5
+ "debugSvg": false,
6
+ "chartMessage": {
7
+ "noData": "No Data Available"
8
+ },
9
+ "title": "<em>4.25.11</em> Bar Chart",
10
+ "showTitle": true,
11
+ "showDownloadMediaButton": false,
12
+ "theme": "theme-blue",
13
+ "animate": false,
14
+ "lineDatapointStyle": "hover",
15
+ "lineDatapointColor": "Same as Line",
16
+ "barHasBorder": "true",
17
+ "isLollipopChart": false,
18
+ "lollipopShape": "circle",
19
+ "lollipopColorStyle": "two-tone",
20
+ "visualizationSubType": "regular",
21
+ "barStyle": "",
22
+ "roundingStyle": "standard",
23
+ "tipRounding": "top",
24
+ "isResponsiveTicks": false,
25
+ "general": {
26
+ "annotationDropdownText": "Annotations",
27
+ "showMissingDataLabel": true,
28
+ "showSuppressedSymbol": true,
29
+ "showZeroValueData": true,
30
+ "hideNullValue": true,
31
+ "palette": {
32
+ "isReversed": true,
33
+ "version": "2.0",
34
+ "name": "sequential_bluereverse"
35
+ }
36
+ },
37
+ "padding": {
38
+ "left": 5,
39
+ "right": 5
40
+ },
41
+ "preliminaryData": [],
42
+ "yAxis": {
43
+ "hideAxis": false,
44
+ "displayNumbersOnBar": false,
45
+ "hideLabel": false,
46
+ "hideTicks": false,
47
+ "size": 50,
48
+ "gridLines": false,
49
+ "enablePadding": false,
50
+ "min": "",
51
+ "max": "",
52
+ "labelColor": "#1c1d1f",
53
+ "tickLabelColor": "#1c1d1f",
54
+ "tickColor": "#1c1d1f",
55
+ "rightHideAxis": false,
56
+ "rightAxisSize": 0,
57
+ "rightLabel": "",
58
+ "rightLabelOffsetSize": 0,
59
+ "rightAxisLabelColor": "#1c1d1f",
60
+ "rightAxisTickLabelColor": "#1c1d1f",
61
+ "rightAxisTickColor": "#1c1d1f",
62
+ "numTicks": "",
63
+ "axisPadding": 0,
64
+ "scalePadding": 10,
65
+ "tickRotation": 0,
66
+ "anchors": [],
67
+ "shoMissingDataLabel": true,
68
+ "showMissingDataLine": true,
69
+ "categories": [],
70
+ "type": "__​undefined__",
71
+ "labelPlacement": "Below Bar",
72
+ "label": "Total Cases"
73
+ },
74
+ "boxplot": {
75
+ "plots": [],
76
+ "borders": "true",
77
+ "plotOutlierValues": false,
78
+ "plotNonOutlierValues": true,
79
+ "labels": {
80
+ "q1": "Lower Quartile",
81
+ "q2": "q2",
82
+ "q3": "Upper Quartile",
83
+ "q4": "q4",
84
+ "minimum": "Minimum",
85
+ "maximum": "Maximum",
86
+ "mean": "Mean",
87
+ "median": "Median",
88
+ "sd": "Standard Deviation",
89
+ "iqr": "Interquartile Range",
90
+ "count": "Count",
91
+ "outliers": "Outliers",
92
+ "values": "Values",
93
+ "lowerBounds": "Lower Bounds",
94
+ "upperBounds": "Upper Bounds"
95
+ }
96
+ },
97
+ "topAxis": {
98
+ "hasLine": false
99
+ },
100
+ "isLegendValue": false,
101
+ "barThickness": "0.37",
102
+ "barHeight": 25,
103
+ "barSpace": 15,
104
+ "heights": {
105
+ "vertical": 300,
106
+ "horizontal": 423.2
107
+ },
108
+ "xAxis": {
109
+ "sortDates": false,
110
+ "anchors": [],
111
+ "type": "categorical",
112
+ "showTargetLabel": true,
113
+ "targetLabel": "Target",
114
+ "hideAxis": false,
115
+ "hideLabel": false,
116
+ "hideTicks": false,
117
+ "size": 75,
118
+ "tickRotation": 0,
119
+ "min": "",
120
+ "max": "",
121
+ "labelColor": "#1c1d1f",
122
+ "tickLabelColor": "#1c1d1f",
123
+ "tickColor": "#1c1d1f",
124
+ "numTicks": "",
125
+ "labelOffset": 0,
126
+ "axisPadding": 200,
127
+ "target": 0,
128
+ "maxTickRotation": 45,
129
+ "padding": 5,
130
+ "showYearsOnce": false,
131
+ "sortByRecentDate": false,
132
+ "brushActive": false,
133
+ "dataKey": "Sex",
134
+ "axisBBox": 29.860000610351562,
135
+ "tickWidthMax": 39
136
+ },
137
+ "table": {
138
+ "label": "Data Table",
139
+ "expanded": true,
140
+ "limitHeight": false,
141
+ "height": "",
142
+ "caption": "",
143
+ "showDownloadUrl": false,
144
+ "showDataTableLink": true,
145
+ "showDownloadLinkBelow": true,
146
+ "indexLabel": "",
147
+ "download": true,
148
+ "showVertical": true,
149
+ "dateDisplayFormat": "",
150
+ "showMissingDataLabel": true,
151
+ "showSuppressedSymbol": true,
152
+ "collapsible": true,
153
+ "show": true
154
+ },
155
+ "orientation": "horizontal",
156
+ "columns": {},
157
+ "legend": {
158
+ "hide": false,
159
+ "behavior": "isolate",
160
+ "axisAlign": true,
161
+ "singleRow": true,
162
+ "colorCode": "",
163
+ "reverseLabelOrder": false,
164
+ "description": "",
165
+ "dynamicLegend": false,
166
+ "dynamicLegendDefaultText": "Show All",
167
+ "dynamicLegendItemLimit": 5,
168
+ "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
169
+ "dynamicLegendChartMessage": "Select Options from the Legend",
170
+ "label": "",
171
+ "lineMode": false,
172
+ "verticalSorted": false,
173
+ "highlightOnHover": false,
174
+ "hideSuppressedLabels": false,
175
+ "hideSuppressionLink": false,
176
+ "seriesHighlight": [],
177
+ "style": "circles",
178
+ "subStyle": "linear blocks",
179
+ "groupBy": "",
180
+ "shape": "circle",
181
+ "tickRotation": "",
182
+ "order": "dataColumn",
183
+ "hideBorder": {
184
+ "side": false,
185
+ "topBottom": true
186
+ },
187
+ "position": "right",
188
+ "orderedValues": [],
189
+ "patterns": {},
190
+ "patternField": "",
191
+ "unified": true
192
+ },
193
+ "smallMultiples": {
194
+ "mode": "",
195
+ "tileColumn": "",
196
+ "tilesPerRowDesktop": 3,
197
+ "tilesPerRowMobile": 1,
198
+ "tileOrder": [],
199
+ "tileOrderType": "asc",
200
+ "tileTitles": {},
201
+ "independentYAxis": false,
202
+ "colorMode": "same",
203
+ "synchronizedTooltips": true,
204
+ "showAreaUnderLine": true
205
+ },
206
+ "exclusions": {
207
+ "active": false,
208
+ "keys": []
209
+ },
210
+ "twoColor": {
211
+ "palette": "monochrome-1",
212
+ "isPaletteReversed": false
213
+ },
214
+ "labels": false,
215
+ "dataFormat": {
216
+ "commas": true,
217
+ "prefix": "",
218
+ "suffix": "",
219
+ "abbreviated": true,
220
+ "bottomSuffix": "",
221
+ "bottomPrefix": "",
222
+ "bottomAbbreviated": false
223
+ },
224
+ "filters": [
225
+ {
226
+ "values": [
227
+ "2019",
228
+ "2020",
229
+ "2021"
230
+ ],
231
+ "filterStyle": "dropdown",
232
+ "id": 1763642814383,
233
+ "showDropdown": true,
234
+ "active": "2019",
235
+ "columnName": "Year",
236
+ "orderedValues": [
237
+ "2019",
238
+ "2020",
239
+ "2021"
240
+ ]
241
+ }
242
+ ],
243
+ "confidenceKeys": {},
244
+ "visual": {
245
+ "border": true,
246
+ "accent": true,
247
+ "background": true,
248
+ "verticalHoverLine": false,
249
+ "horizontalHoverLine": false,
250
+ "lineDatapointSymbol": "none",
251
+ "maximumShapeAmount": 7
252
+ },
253
+ "useLogScale": false,
254
+ "filterBehavior": "Filter Change",
255
+ "highlightedBarValues": [],
256
+ "series": [
257
+ {
258
+ "dataKey": "<15",
259
+ "type": "Bar",
260
+ "axis": "Left",
261
+ "tooltip": true
262
+ },
263
+ {
264
+ "dataKey": "15-24",
265
+ "type": "Bar",
266
+ "axis": "Left",
267
+ "tooltip": true
268
+ },
269
+ {
270
+ "dataKey": "25-34",
271
+ "type": "Bar",
272
+ "axis": "Left",
273
+ "tooltip": true
274
+ },
275
+ {
276
+ "dataKey": "35-44",
277
+ "type": "Bar",
278
+ "axis": "Left",
279
+ "tooltip": true
280
+ },
281
+ {
282
+ "dataKey": "45-54",
283
+ "type": "Bar",
284
+ "axis": "Left",
285
+ "tooltip": true
286
+ },
287
+ {
288
+ "dataKey": "55-64",
289
+ "type": "Bar",
290
+ "axis": "Left",
291
+ "tooltip": true
292
+ },
293
+ {
294
+ "dataKey": "65+",
295
+ "type": "Bar",
296
+ "axis": "Left",
297
+ "tooltip": true
298
+ }
299
+ ],
300
+ "tooltips": {
301
+ "opacity": 90,
302
+ "singleSeries": false,
303
+ "dateDisplayFormat": ""
304
+ },
305
+ "forestPlot": {
306
+ "startAt": 0,
307
+ "colors": {
308
+ "line": "",
309
+ "shape": ""
310
+ },
311
+ "lineOfNoEffect": {
312
+ "show": true
313
+ },
314
+ "type": "",
315
+ "pooledResult": {
316
+ "diamondHeight": 5,
317
+ "column": ""
318
+ },
319
+ "estimateField": "",
320
+ "estimateRadius": "",
321
+ "shape": "square",
322
+ "rowHeight": 20,
323
+ "description": {
324
+ "show": true,
325
+ "text": "description",
326
+ "location": 0
327
+ },
328
+ "result": {
329
+ "show": true,
330
+ "text": "result",
331
+ "location": 100
332
+ },
333
+ "radius": {
334
+ "min": 2,
335
+ "max": 10,
336
+ "scalingColumn": ""
337
+ },
338
+ "regression": {
339
+ "lower": 0,
340
+ "upper": 0,
341
+ "estimateField": 0
342
+ },
343
+ "leftWidthOffset": 0,
344
+ "rightWidthOffset": 0,
345
+ "showZeroLine": false,
346
+ "leftLabel": "",
347
+ "rightLabel": ""
348
+ },
349
+ "area": {
350
+ "isStacked": false
351
+ },
352
+ "sankey": {
353
+ "title": {
354
+ "defaultColor": "black"
355
+ },
356
+ "iterations": 1,
357
+ "rxValue": 0.9,
358
+ "overallSize": {
359
+ "width": 900,
360
+ "height": 700
361
+ },
362
+ "margin": {
363
+ "margin_y": 25,
364
+ "margin_x": 0
365
+ },
366
+ "nodeSize": {
367
+ "nodeWidth": 26,
368
+ "nodeHeight": 40
369
+ },
370
+ "nodePadding": 55,
371
+ "nodeFontColor": "black",
372
+ "nodeColor": {
373
+ "default": "#ff8500",
374
+ "inactive": "#808080"
375
+ },
376
+ "linkColor": {
377
+ "default": "#ffc900",
378
+ "inactive": "#D3D3D3"
379
+ },
380
+ "opacity": {
381
+ "nodeOpacityDefault": 1,
382
+ "nodeOpacityInactive": 0.1,
383
+ "LinkOpacityDefault": 1,
384
+ "LinkOpacityInactive": 0.1
385
+ },
386
+ "storyNodeFontColor": "#006778",
387
+ "storyNodeText": [],
388
+ "nodeValueStyle": {
389
+ "textBefore": "(",
390
+ "textAfter": ")"
391
+ },
392
+ "data": []
393
+ },
394
+ "markupVariables": [],
395
+ "enableMarkupVariables": false,
396
+ "errors": [],
397
+ "currentViewport": "lg",
398
+ "id": 1,
399
+ "category": "Charts",
400
+ "label": "Bar",
401
+ "subType": "Bar",
402
+ "icon": {
403
+ "key": null,
404
+ "ref": null,
405
+ "props": {},
406
+ "_owner": null
407
+ },
408
+ "content": "Use bars to show comparisons between data categories.",
409
+ "visualizationType": "Bar",
410
+ "activeVizButtonID": 1,
411
+ "dataFileName": "https://wwwdev.cdc.gov/wcms/4.0/cdc-wp/data-presentation/data/indexed-data-files/46-yr2021-2023-chart-sex-age-3-metrics.csv",
412
+ "dataFileSourceType": "url",
413
+ "dataDescription": {
414
+ "horizontal": false,
415
+ "series": true,
416
+ "singleRow": false,
417
+ "seriesKey": "Age Group",
418
+ "xKey": "Sex",
419
+ "valueKeysTallSupport": [
420
+ "Total Cases"
421
+ ],
422
+ "ignoredKeys": [
423
+ "Cases per 100K",
424
+ "Avg Days Treatment"
425
+ ]
426
+ },
427
+ "version": "4.25.11",
428
+ "migrations": {
429
+ "addColorMigration": true
430
+ },
431
+ "superTitle": "<sup>Super/sup> Title",
432
+ "introText": "Message: Lorem ipsum dolor sit amet, <em>consectetur adipiscing elit</em>, sed do eiusmod tempor incididunt ut labore et <strong>dolore magna aliqua</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <sup> 40</sup>",
433
+ "description": "Sub: Lorem ipsum dolor sit amet, <em>consectetur adipiscing elit</em>, sed do eiusmod tempor incididunt ut labore et <strong>dolore magna aliqua</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <sup> 40</sup>",
434
+ "legacyFootnotes": "Foot: Lorem ipsum dolor sit amet, <em>consectetur adipiscing elit</em>, sed do eiusmod tempor incididunt ut labore et <strong>dolore magna aliqua</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <sup> 40</sup>",
435
+ "dynamicMarginTop": 0,
436
+ "data": [
437
+ {
438
+ "Sex": "Male",
439
+ "Year": "2019",
440
+ "<15": "519960",
441
+ "15-24": "362320",
442
+ "25-34": "511784",
443
+ "35-44": "752920",
444
+ "45-54": "578130",
445
+ "55-64": "86450",
446
+ "65+": "51100"
447
+ },
448
+ {
449
+ "Sex": "Female",
450
+ "Year": "2019",
451
+ "<15": "399980",
452
+ "15-24": "251160",
453
+ "25-34": "238700",
454
+ "35-44": "680498",
455
+ "45-54": "394310",
456
+ "55-64": "56700",
457
+ "65+": "28140"
458
+ },
459
+ {
460
+ "Sex": "Male",
461
+ "Year": "2020",
462
+ "<15": "649950",
463
+ "15-24": "452900",
464
+ "25-34": "639730",
465
+ "35-44": "941150",
466
+ "45-54": "722662",
467
+ "55-64": "108062",
468
+ "65+": "63875"
469
+ },
470
+ {
471
+ "Sex": "Female",
472
+ "Year": "2020",
473
+ "<15": "499975",
474
+ "15-24": "313950",
475
+ "25-34": "298375",
476
+ "35-44": "654325",
477
+ "45-54": "492887",
478
+ "55-64": "92137",
479
+ "65+": "35175"
480
+ },
481
+ {
482
+ "Sex": "Male",
483
+ "Year": "2021",
484
+ "<15": "478363",
485
+ "15-24": "333334",
486
+ "25-34": "362185",
487
+ "35-44": "692686",
488
+ "45-54": "691442",
489
+ "55-64": "79534",
490
+ "65+": "47012"
491
+ },
492
+ {
493
+ "Sex": "Female",
494
+ "Year": "2021",
495
+ "<15": "367981",
496
+ "15-24": "231067",
497
+ "25-34": "219604",
498
+ "35-44": "481583",
499
+ "45-54": "362765",
500
+ "55-64": "52164",
501
+ "65+": "25888"
502
+ }
503
+ ],
504
+ "formattedData": [
505
+ {
506
+ "Sex": "Male",
507
+ "Year": "2019",
508
+ "<15": "519960",
509
+ "15-24": "362320",
510
+ "25-34": "511784",
511
+ "35-44": "752920",
512
+ "45-54": "578130",
513
+ "55-64": "86450",
514
+ "65+": "51100"
515
+ },
516
+ {
517
+ "Sex": "Female",
518
+ "Year": "2019",
519
+ "<15": "399980",
520
+ "15-24": "251160",
521
+ "25-34": "238700",
522
+ "35-44": "680498",
523
+ "45-54": "394310",
524
+ "55-64": "56700",
525
+ "65+": "28140"
526
+ },
527
+ {
528
+ "Sex": "Male",
529
+ "Year": "2020",
530
+ "<15": "649950",
531
+ "15-24": "452900",
532
+ "25-34": "639730",
533
+ "35-44": "941150",
534
+ "45-54": "722662",
535
+ "55-64": "108062",
536
+ "65+": "63875"
537
+ },
538
+ {
539
+ "Sex": "Female",
540
+ "Year": "2020",
541
+ "<15": "499975",
542
+ "15-24": "313950",
543
+ "25-34": "298375",
544
+ "35-44": "654325",
545
+ "45-54": "492887",
546
+ "55-64": "92137",
547
+ "65+": "35175"
548
+ },
549
+ {
550
+ "Sex": "Male",
551
+ "Year": "2021",
552
+ "<15": "478363",
553
+ "15-24": "333334",
554
+ "25-34": "362185",
555
+ "35-44": "692686",
556
+ "45-54": "691442",
557
+ "55-64": "79534",
558
+ "65+": "47012"
559
+ },
560
+ {
561
+ "Sex": "Female",
562
+ "Year": "2021",
563
+ "<15": "367981",
564
+ "15-24": "231067",
565
+ "25-34": "219604",
566
+ "35-44": "481583",
567
+ "45-54": "362765",
568
+ "55-64": "52164",
569
+ "65+": "25888"
570
+ }
571
+ ],
572
+ "datasets": {}
573
+ }