@cdc/chart 4.26.7 → 4.26.10

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 (255) hide show
  1. package/CONFIG.md +502 -368
  2. package/dist/cdcchart-CYc-Kayd.es.js +22488 -0
  3. package/dist/cdcchart-DCKn8NmI.es.js +20695 -0
  4. package/dist/cdcchart-Dyui9nk_.es.js +45828 -0
  5. package/dist/cdcchart.js +4 -97406
  6. package/examples/__data__/vega-remote-data.json +6 -0
  7. package/examples/dendrogram.json +18 -0
  8. package/examples/feature/bar/bar-chart-race-annual-change.json +68 -0
  9. package/examples/feature/heatmap/average-age-categorical.json +2 -2
  10. package/examples/feature/heatmap/calendar-heatmap.json +2 -2
  11. package/examples/feature/heatmap/cell-values-bottom-axis.json +2 -2
  12. package/examples/feature/heatmap/sparse-aggregation.json +2 -2
  13. package/examples/feature/line/line-chart-race.json +50 -0
  14. package/examples/feature/sankey/sankey-example-data.json +40 -1441
  15. package/examples/feature/sankey/sankey_chart_data.csv +9 -20
  16. package/examples/network.json +31 -0
  17. package/examples/private/box-plot.json +573 -0
  18. package/examples/private/custom-color-issue.json +625 -0
  19. package/examples/private/custom-colors.json +522 -0
  20. package/examples/private/cutoff.json +10750 -0
  21. package/examples/private/overlay-legend.json +485 -0
  22. package/examples/private/pie-test.json +469 -0
  23. package/examples/vega-remote.json +22 -0
  24. package/package.json +11 -5
  25. package/src/CdcChartComponent.tsx +405 -208
  26. package/src/_stories/Chart.BarRace.stories.tsx +443 -0
  27. package/src/_stories/Chart.BoxPlotNumericSort.stories.tsx +189 -0
  28. package/src/_stories/Chart.BoxPlotStatsParity.stories.tsx +207 -0
  29. package/src/_stories/Chart.ColorDistribution.stories.tsx +299 -0
  30. package/src/_stories/Chart.DataCutoff.stories.tsx +147 -0
  31. package/src/_stories/Chart.DataTableDownloadFilename.stories.tsx +60 -0
  32. package/src/_stories/Chart.Dendrogram.stories.tsx +373 -0
  33. package/src/_stories/Chart.Forecast.CILegend.stories.tsx +236 -0
  34. package/src/_stories/Chart.HeatMap.stories.tsx +170 -4
  35. package/src/_stories/Chart.Legend.AxisAlign.stories.tsx +119 -0
  36. package/src/_stories/Chart.LineRace.stories.tsx +149 -0
  37. package/src/_stories/Chart.Network.stories.tsx +432 -0
  38. package/src/_stories/Chart.PaletteConversion.Editor.stories.tsx +208 -0
  39. package/src/_stories/Chart.Patterns.smoke.stories.tsx +31 -0
  40. package/src/_stories/Chart.PercentageValue.stories.tsx +311 -0
  41. package/src/_stories/Chart.PieLabels.stories.tsx +4 -2
  42. package/src/_stories/Chart.RankByValueMutation.stories.tsx +206 -0
  43. package/src/_stories/Chart.RequiredFields.stories.tsx +681 -0
  44. package/src/_stories/Chart.Sankey.stories.tsx +417 -0
  45. package/src/_stories/Chart.SeriesColorAssignments.stories.tsx +47 -0
  46. package/src/_stories/Chart.SmallMultiplesNumericTileOrder.stories.tsx +137 -0
  47. package/src/_stories/Chart.TooltipSeriesLabels.stories.tsx +43 -0
  48. package/src/_stories/Chart.VegaRemoteData.stories.tsx +31 -0
  49. package/src/_stories/ChartAnnotation.Editor.stories.tsx +78 -0
  50. package/src/_stories/ChartAxisTitles.smoke.stories.tsx +48 -0
  51. package/src/_stories/ChartBar.Editor.stories.tsx +499 -57
  52. package/src/_stories/ChartBrush.Editor.stories.tsx +46 -67
  53. package/src/_stories/ChartBrush.Regression.stories.tsx +135 -0
  54. package/src/_stories/ChartEditor.Editor.stories.tsx +33 -3
  55. package/src/_stories/ChartLine.EffectCompatibility.stories.tsx +120 -0
  56. package/src/_stories/_mock/annotation_event-line_mock.json +2 -2
  57. package/src/_stories/_mock/editor-test-configs.json +20 -10
  58. package/src/_stories/_mock/editor-test-datasets.json +38 -42
  59. package/src/_stories/_mock/heatmap-average-age-categorical.json +2 -2
  60. package/src/_stories/_mock/heatmap.json +2 -2
  61. package/src/_stories/_mock/legend-axis-align-stacked-bar.json +125 -0
  62. package/src/_stories/_mock/sankey_mock.json +23 -27
  63. package/src/components/Annotations/components/AnnotationDraggable.styles.css +52 -0
  64. package/src/components/Annotations/components/AnnotationDraggable.tsx +639 -139
  65. package/src/components/Annotations/components/AnnotationDropdown.styles.css +44 -4
  66. package/src/components/Annotations/components/AnnotationDropdown.tsx +10 -32
  67. package/src/components/Annotations/helpers/resolveAnnotationLayout.ts +212 -0
  68. package/src/components/Annotations/tests/AnnotationDraggable.test.tsx +612 -19
  69. package/src/components/Annotations/tests/AnnotationDropdown.test.tsx +50 -0
  70. package/src/components/Annotations/tests/resolveAnnotationLayout.test.ts +203 -0
  71. package/src/components/Axis/BottomAxis.tsx +1 -1
  72. package/src/components/Axis/Categorical.Axis.tsx +3 -3
  73. package/src/components/Axis/RightAxis.tsx +21 -13
  74. package/src/components/BarChart/components/BarChart.Horizontal.tsx +38 -6
  75. package/src/components/BarChart/components/BarChart.StackedHorizontal.tsx +12 -3
  76. package/src/components/BarChart/components/BarChart.StackedVertical.test.ts +28 -0
  77. package/src/components/BarChart/components/BarChart.StackedVertical.tsx +29 -25
  78. package/src/components/BarChart/components/BarChart.Vertical.tsx +37 -26
  79. package/src/components/BarChart/components/PortionPatternOverlay.tsx +61 -0
  80. package/src/components/BarChart/components/context.tsx +6 -0
  81. package/src/components/BarChart/helpers/getPatternUrl.ts +2 -5
  82. package/src/components/BarChart/helpers/index.ts +8 -0
  83. package/src/components/BarChart/helpers/portionPattern.ts +243 -0
  84. package/src/components/BarChart/helpers/tests/addMinimumBarHeights.test.ts +42 -0
  85. package/src/components/BarChart/helpers/tests/getPatternUrl.test.ts +13 -0
  86. package/src/components/BarChart/helpers/tests/portionPattern.test.ts +280 -0
  87. package/src/components/BarChart/helpers/tests/useBarChart.test.tsx +104 -0
  88. package/src/components/BarChart/helpers/useBarChart.ts +60 -59
  89. package/src/components/BarChartRace/BarChartRace.test.tsx +199 -0
  90. package/src/components/BarChartRace/BarChartRace.tsx +230 -0
  91. package/src/components/BarChartRace/BarChartRaceFallback.test.tsx +61 -0
  92. package/src/components/BarChartRace/BarChartRaceFallback.tsx +48 -0
  93. package/src/components/BarChartRace/bar-chart-race.css +160 -0
  94. package/src/components/BarChartRace/helpers.test.ts +114 -0
  95. package/src/components/BarChartRace/helpers.ts +185 -0
  96. package/src/components/BarChartRace/index.ts +3 -0
  97. package/src/components/BoxPlot/helpers/index.ts +11 -82
  98. package/src/components/Brush/BrushSelector.tsx +9 -23
  99. package/src/components/Brush/MiniChartPreview.tsx +33 -1
  100. package/src/components/Dendrogram/components/Dendrogram.tsx +374 -0
  101. package/src/components/Dendrogram/dendrogram.css +113 -0
  102. package/src/components/Dendrogram/helpers/layoutDendrogram.test.ts +95 -0
  103. package/src/components/Dendrogram/helpers/layoutDendrogram.ts +56 -0
  104. package/src/components/Dendrogram/helpers/prepareDendrogramData.test.ts +135 -0
  105. package/src/components/Dendrogram/helpers/prepareDendrogramData.ts +166 -0
  106. package/src/components/Dendrogram/helpers/resolveDendrogramLabels.test.ts +196 -0
  107. package/src/components/Dendrogram/helpers/resolveDendrogramLabels.ts +418 -0
  108. package/src/components/Dendrogram/index.tsx +1 -0
  109. package/src/components/Dendrogram/types/index.ts +66 -0
  110. package/src/components/EditorPanel/EditorPanel.tsx +1005 -760
  111. package/src/components/EditorPanel/components/Panels/Panel.Annotate.tsx +50 -5
  112. package/src/components/EditorPanel/components/Panels/Panel.Dendrogram.css +10 -0
  113. package/src/components/EditorPanel/components/Panels/Panel.Dendrogram.tsx +211 -0
  114. package/src/components/EditorPanel/components/Panels/Panel.ForestPlotSettings.tsx +19 -8
  115. package/src/components/EditorPanel/components/Panels/Panel.General.tsx +88 -54
  116. package/src/components/EditorPanel/components/Panels/Panel.Network.css +9 -0
  117. package/src/components/EditorPanel/components/Panels/Panel.Network.tsx +202 -0
  118. package/src/components/EditorPanel/components/Panels/Panel.PatternSettings.tsx +233 -33
  119. package/src/components/EditorPanel/components/Panels/Panel.Radar.tsx +6 -1
  120. package/src/components/EditorPanel/components/Panels/Panel.Sankey.tsx +89 -105
  121. package/src/components/EditorPanel/components/Panels/Panel.Series.tsx +2 -2
  122. package/src/components/EditorPanel/components/Panels/Panel.SmallMultiples.tsx +1 -1
  123. package/src/components/EditorPanel/components/Panels/Panel.Visual.tsx +8 -66
  124. package/src/components/EditorPanel/components/Panels/RacingControls.test.tsx +131 -0
  125. package/src/components/EditorPanel/components/Panels/RacingControls.tsx +185 -0
  126. package/src/components/EditorPanel/components/Panels/SeriesColorAssignments.tsx +2 -2
  127. package/src/components/EditorPanel/components/Panels/index.tsx +4 -0
  128. package/src/components/EditorPanel/helpers/getVisualizationTypeConfigUpdate.ts +20 -7
  129. package/src/components/EditorPanel/helpers/tests/getVisualizationTypeConfigUpdate.test.ts +25 -2
  130. package/src/components/EditorPanel/helpers/updateFieldRankByValue.ts +2 -1
  131. package/src/components/EditorPanel/useEditorPermissions.test.tsx +62 -0
  132. package/src/components/EditorPanel/useEditorPermissions.ts +70 -24
  133. package/src/components/Forecasting/Forecasting.tsx +15 -6
  134. package/src/components/HeatMap/components/HeatMap.tsx +511 -178
  135. package/src/components/HeatMap/heatmap.constants.ts +7 -3
  136. package/src/components/HeatMap/heatmap.css +101 -2
  137. package/src/components/HeatMap/helpers/layout.ts +80 -0
  138. package/src/components/HeatMap/tests/HeatMap.test.tsx +339 -16
  139. package/src/components/HeatMap/tests/helpers.test.ts +79 -0
  140. package/src/components/Legend/Legend.Component.tsx +110 -90
  141. package/src/components/Legend/LegendGroup/LegendGroup.styles.css +7 -0
  142. package/src/components/Legend/LegendGroup/LegendGroup.tsx +47 -34
  143. package/src/components/Legend/helpers/createFormatLabels.test.ts +226 -0
  144. package/src/components/Legend/helpers/createFormatLabels.tsx +45 -51
  145. package/src/components/LineChart/components/LineChart.Circle.tsx +3 -3
  146. package/src/components/LineChart/helpers.test.ts +126 -38
  147. package/src/components/LineChart/helpers.ts +9 -4
  148. package/src/components/LineChart/index.tsx +69 -24
  149. package/src/components/LineChart/tests/LineChart.test.tsx +630 -0
  150. package/src/components/LineChartRace/LineChartRace.test.tsx +275 -0
  151. package/src/components/LineChartRace/LineChartRace.tsx +134 -0
  152. package/src/components/LineChartRace/LineChartRaceFallback.tsx +28 -0
  153. package/src/components/LineChartRace/helpers.test.ts +88 -0
  154. package/src/components/LineChartRace/helpers.ts +157 -0
  155. package/src/components/LineChartRace/index.ts +3 -0
  156. package/src/components/LineChartRace/line-chart-race.css +16 -0
  157. package/src/components/LinearChart/ValueAxisAnchors.tsx +58 -0
  158. package/src/components/LinearChart/VisualizationRenderer.tsx +18 -23
  159. package/src/components/LinearChart/tests/LinearChart.test.tsx +412 -13
  160. package/src/components/LinearChart/tests/VisualizationRenderer.test.tsx +141 -0
  161. package/src/components/LinearChart/tests/mockConfigContext.ts +2 -1
  162. package/src/components/LinearChart.tsx +81 -51
  163. package/src/components/Network/components/Network.tsx +372 -0
  164. package/src/components/Network/helpers/layoutNetwork.test.ts +68 -0
  165. package/src/components/Network/helpers/layoutNetwork.ts +87 -0
  166. package/src/components/Network/helpers/prepareNetworkData.test.ts +116 -0
  167. package/src/components/Network/helpers/prepareNetworkData.ts +101 -0
  168. package/src/components/Network/helpers/resolveNetworkLabels.test.ts +112 -0
  169. package/src/components/Network/helpers/resolveNetworkLabels.ts +206 -0
  170. package/src/components/Network/index.tsx +3 -0
  171. package/src/components/Network/network.css +107 -0
  172. package/src/components/Network/types/index.ts +56 -0
  173. package/src/components/PairedBarChart.jsx +5 -10
  174. package/src/components/PairedBarChart.test.tsx +71 -0
  175. package/src/components/PieChart/PieChart.tsx +9 -8
  176. package/src/components/RacingChartRenderer.tsx +44 -0
  177. package/src/components/Regions/components/Regions.test.tsx +179 -0
  178. package/src/components/Regions/components/Regions.tsx +104 -69
  179. package/src/components/Regions/index.tsx +2 -3
  180. package/src/components/Sankey/components/Sankey.tsx +264 -437
  181. package/src/components/Sankey/helpers/getSankeyTooltip.ts +12 -0
  182. package/src/components/Sankey/helpers/prepareSankeyData.test.ts +71 -0
  183. package/src/components/Sankey/helpers/prepareSankeyData.ts +90 -0
  184. package/src/components/Sankey/sankey.scss +57 -116
  185. package/src/components/Sankey/types/index.ts +41 -4
  186. package/src/components/ScatterPlot/ScatterPlot.jsx +28 -4
  187. package/src/components/ScatterPlot/ScatterPlot.test.tsx +60 -0
  188. package/src/components/SmallMultiples/SmallMultiples.tsx +12 -12
  189. package/src/components/SmallMultiples/tests/SmallMultipleTile.test.tsx +7 -5
  190. package/src/components/raceTiming.ts +18 -0
  191. package/src/data/initial-state.js +77 -31
  192. package/src/helpers/applyChartTypeContract.ts +71 -0
  193. package/src/helpers/axisLabelFontSize.ts +2 -2
  194. package/src/helpers/boxPlotStats.ts +60 -0
  195. package/src/helpers/bumpChartTooltip.ts +2 -1
  196. package/src/helpers/calculateHorizontalBarCategoryLabelWidth.test.ts +37 -0
  197. package/src/helpers/calculateHorizontalBarCategoryLabelWidth.ts +3 -2
  198. package/src/helpers/calculateRightYAxisWidth.ts +60 -0
  199. package/src/helpers/colorAssignmentHelpers.ts +2 -2
  200. package/src/helpers/createNewChartConfig.ts +56 -0
  201. package/src/helpers/dataDrivenYAxisCategories.ts +18 -0
  202. package/src/helpers/forecastLegend.ts +88 -0
  203. package/src/helpers/getBoxPlotConfig.ts +18 -37
  204. package/src/helpers/getChartTypeDefaultPalette.ts +29 -0
  205. package/src/helpers/getColorCodeCategoryColorMap.ts +26 -0
  206. package/src/helpers/getColorScale.ts +31 -22
  207. package/src/helpers/getDynamicYAxisCategories.ts +69 -0
  208. package/src/helpers/getMinMax.ts +9 -7
  209. package/src/helpers/getNewRuntime.ts +5 -2
  210. package/src/helpers/getStackedSeriesMax.ts +51 -0
  211. package/src/helpers/getV21ChartDistributionColors.ts +57 -0
  212. package/src/helpers/handleRankByValue.ts +15 -15
  213. package/src/helpers/seriesColumnSettings.ts +10 -0
  214. package/src/helpers/sizeHelpers.ts +4 -3
  215. package/src/helpers/smallMultiplesHelpers.ts +10 -13
  216. package/src/helpers/tests/applyChartTypeContract.test.ts +37 -0
  217. package/src/helpers/tests/boxPlotStats.test.ts +31 -0
  218. package/src/helpers/tests/bumpChartTooltip.test.ts +29 -0
  219. package/src/helpers/tests/calculateRightYAxisWidth.test.ts +105 -0
  220. package/src/helpers/tests/countNumOfTicks.test.ts +11 -0
  221. package/src/helpers/tests/createNewChartConfig.test.ts +182 -0
  222. package/src/helpers/tests/getBoxPlotConfig.test.ts +70 -0
  223. package/src/helpers/tests/getColorCodeCategoryColorMap.test.ts +113 -0
  224. package/src/helpers/tests/getColorScale.test.ts +226 -1
  225. package/src/helpers/tests/getDynamicYAxisCategories.test.ts +61 -0
  226. package/src/helpers/tests/getMinMax.test.ts +41 -0
  227. package/src/helpers/tests/getStackedSeriesMax.test.ts +26 -0
  228. package/src/helpers/tests/handleRankByValue.test.ts +55 -37
  229. package/src/helpers/tests/seriesColumnSettings.test.ts +23 -0
  230. package/src/helpers/tests/smallMultiplesHelpers.test.ts +37 -1
  231. package/src/helpers/tests/tooltipHelpers.test.ts +80 -0
  232. package/src/helpers/tooltipHelpers.ts +16 -0
  233. package/src/hooks/tests/useTooltip.test.tsx +353 -1
  234. package/src/hooks/usePrefersReducedMotion.ts +22 -0
  235. package/src/hooks/useReduceData.ts +4 -36
  236. package/src/hooks/useScales.ts +15 -0
  237. package/src/hooks/useTooltip.tsx +95 -64
  238. package/src/scss/main.scss +74 -2
  239. package/src/store/chart.reducer.ts +4 -3
  240. package/src/test/CdcChart.dataTable.test.tsx +490 -16
  241. package/src/test/CdcChart.dendrogram.test.tsx +277 -0
  242. package/src/test/CdcChart.finalization.test.tsx +143 -0
  243. package/src/test/CdcChart.network.test.tsx +271 -0
  244. package/src/types/ChartConfig.ts +91 -54
  245. package/src/types/ChartContext.ts +5 -0
  246. package/src/types/Horizon.ts +1 -1
  247. package/LICENSE +0 -201
  248. package/dist/cdcchart-BWVIUcAF.es.js +0 -4802
  249. package/src/_stories/Chart.Sankey.smoke.stories.tsx +0 -62
  250. package/src/components/Sankey/components/ColumnList.tsx +0 -19
  251. package/src/components/Sankey/helpers/getSankeyTooltip.tsx +0 -34
  252. package/src/components/Sankey/useSankeyAlert.tsx +0 -60
  253. package/src/data/legacy-defaults.ts +0 -18
  254. package/src/helpers/ensureSpecialChartAxisTypes.ts +0 -11
  255. package/src/helpers/tests/ensureSpecialChartAxisTypes.test.ts +0 -30
@@ -0,0 +1,485 @@
1
+ {
2
+ "annotations": [],
3
+ "type": "chart",
4
+ "debugSvg": false,
5
+ "chartMessage": {
6
+ "noData": "No Data Available"
7
+ },
8
+ "title": "Combo Chart Regression Test",
9
+ "titleStyle": "legacy",
10
+ "showTitle": true,
11
+ "showDownloadMediaButton": false,
12
+ "enableTooltips": false,
13
+ "theme": "theme-blue",
14
+ "animate": false,
15
+ "lineDatapointStyle": "hover",
16
+ "lineDatapointColor": "Same as Line",
17
+ "barHasBorder": "false",
18
+ "isLollipopChart": false,
19
+ "lollipopShape": "circle",
20
+ "lollipopColorStyle": "two-tone",
21
+ "visualizationSubType": "regular",
22
+ "barStyle": "",
23
+ "roundingStyle": "standard",
24
+ "tipRounding": "top",
25
+ "isResponsiveTicks": false,
26
+ "general": {
27
+ "annotationDropdownText": "Annotations",
28
+ "showMissingDataLabel": true,
29
+ "showSuppressedSymbol": true,
30
+ "showZeroValueData": true,
31
+ "hideNullValue": true,
32
+ "palette": {
33
+ "name": "qualitative_bold",
34
+ "version": "1.0",
35
+ "backups": [
36
+ {
37
+ "name": "qualitative_bold",
38
+ "version": "1.0"
39
+ }
40
+ ]
41
+ }
42
+ },
43
+ "padding": {
44
+ "left": 5,
45
+ "right": 5
46
+ },
47
+ "preliminaryData": [],
48
+ "yAxis": {
49
+ "hideAxis": false,
50
+ "displayNumbersOnBar": false,
51
+ "hideLabel": false,
52
+ "hideTicks": false,
53
+ "size": 50,
54
+ "gridLines": false,
55
+ "enablePadding": false,
56
+ "min": "",
57
+ "max": "600000",
58
+ "labelColor": "#1c1d1f",
59
+ "tickLabelColor": "#1c1d1f",
60
+ "tickColor": "#1c1d1f",
61
+ "rightHideAxis": false,
62
+ "rightAxisSize": "0",
63
+ "rightLabel": "New Participants",
64
+ "rightLabelOffsetSize": "36",
65
+ "rightAxisLabelColor": "#1c1d1f",
66
+ "rightAxisTickLabelColor": "#1c1d1f",
67
+ "rightAxisTickColor": "#1c1d1f",
68
+ "numTicks": "",
69
+ "axisPadding": 0,
70
+ "scalePadding": 10,
71
+ "tickRotation": 0,
72
+ "anchors": [],
73
+ "shoMissingDataLabel": true,
74
+ "showMissingDataLine": true,
75
+ "categories": [],
76
+ "label": "Outreach Costs",
77
+ "labelOffset": "-10",
78
+ "titlePlacement": "side",
79
+ "autoMaxStrategy": "default",
80
+ "rightTitlePlacement": "side",
81
+ "rightAnchors": []
82
+ },
83
+ "boxplot": {
84
+ "plots": [],
85
+ "borders": "true",
86
+ "plotOutlierValues": false,
87
+ "plotNonOutlierValues": true,
88
+ "labels": {
89
+ "q1": "Lower Quartile",
90
+ "q2": "q2",
91
+ "q3": "Upper Quartile",
92
+ "q4": "q4",
93
+ "minimum": "Minimum",
94
+ "maximum": "Maximum",
95
+ "mean": "Mean",
96
+ "median": "Median",
97
+ "sd": "Standard Deviation",
98
+ "iqr": "Interquartile Range",
99
+ "count": "Count",
100
+ "outliers": "Outliers",
101
+ "values": "Values",
102
+ "lowerBounds": "Lower Bounds",
103
+ "upperBounds": "Upper Bounds"
104
+ }
105
+ },
106
+ "topAxis": {
107
+ "hasLine": false
108
+ },
109
+ "isLegendValue": false,
110
+ "barThickness": 0.35,
111
+ "barHeight": 25,
112
+ "barSpace": 15,
113
+ "heights": {
114
+ "vertical": "280",
115
+ "horizontal": 750
116
+ },
117
+ "xAxis": {
118
+ "sortDates": false,
119
+ "anchors": [],
120
+ "type": "date",
121
+ "showTargetLabel": true,
122
+ "targetLabel": "Target",
123
+ "hideAxis": false,
124
+ "hideLabel": false,
125
+ "hideTicks": false,
126
+ "size": 75,
127
+ "tickRotation": 0,
128
+ "min": "",
129
+ "max": "",
130
+ "labelColor": "#1c1d1f",
131
+ "tickLabelColor": "#1c1d1f",
132
+ "tickColor": "#1c1d1f",
133
+ "numTicks": "",
134
+ "labelOffset": 0,
135
+ "axisPadding": 200,
136
+ "target": 0,
137
+ "maxTickRotation": 0,
138
+ "padding": 5,
139
+ "showYearsOnce": false,
140
+ "sortByRecentDate": false,
141
+ "dataKey": "Date",
142
+ "dateParseFormat": "%m/%d/%Y",
143
+ "dateDisplayFormat": "%m/%Y",
144
+ "tickWidthMax": 63,
145
+ "axisBBox": 29.860000610351562,
146
+ "categoryOrder": [],
147
+ "categoryOrderType": "data",
148
+ "brushActive": false,
149
+ "brushDynamicYAxis": false
150
+ },
151
+ "table": {
152
+ "label": "Data Table",
153
+ "expanded": false,
154
+ "limitHeight": false,
155
+ "height": "",
156
+ "caption": "",
157
+ "showDownloadUrl": false,
158
+ "showDataTableLink": true,
159
+ "showDownloadLinkBelow": true,
160
+ "indexLabel": "",
161
+ "download": true,
162
+ "showVertical": true,
163
+ "dateDisplayFormat": "%m/%d/%Y",
164
+ "showMissingDataLabel": true,
165
+ "showSuppressedSymbol": true,
166
+ "show": true,
167
+ "showDownloadImgButton": true,
168
+ "downloadUrlLabel": "",
169
+ "search": false,
170
+ "searchPlaceholder": "",
171
+ "collapsible": true,
172
+ "defaultSort": {
173
+ "column": "Date",
174
+ "sortDirection": "desc"
175
+ }
176
+ },
177
+ "orientation": "vertical",
178
+ "columns": {},
179
+ "legend": {
180
+ "hide": false,
181
+ "behavior": "isolate",
182
+ "axisAlign": true,
183
+ "singleRow": true,
184
+ "colorCode": "",
185
+ "reverseLabelOrder": false,
186
+ "description": "",
187
+ "dynamicLegend": false,
188
+ "dynamicLegendDefaultText": "Show All",
189
+ "dynamicLegendItemLimit": 5,
190
+ "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
191
+ "dynamicLegendChartMessage": "Select Options from the Legend",
192
+ "label": "",
193
+ "lineMode": false,
194
+ "verticalSorted": false,
195
+ "highlightOnHover": false,
196
+ "hideSuppressedLabels": false,
197
+ "hideSuppressionLink": false,
198
+ "seriesHighlight": [],
199
+ "style": "circles",
200
+ "subStyle": "linear blocks",
201
+ "tickRotation": "",
202
+ "hideBorder": {
203
+ "side": false,
204
+ "topBottom": true
205
+ },
206
+ "position": "right",
207
+ "unified": true,
208
+ "groupBy": "",
209
+ "shape": "circle",
210
+ "order": "dataColumn",
211
+ "orderedValues": [],
212
+ "patterns": {},
213
+ "patternField": ""
214
+ },
215
+ "smallMultiples": {
216
+ "mode": "",
217
+ "tileColumn": "",
218
+ "tilesPerRowDesktop": 3,
219
+ "tilesPerRowMobile": 1,
220
+ "tileOrder": [],
221
+ "tileOrderType": "asc",
222
+ "tileTitles": {},
223
+ "independentYAxis": false,
224
+ "colorMode": "same",
225
+ "synchronizedTooltips": true,
226
+ "showAreaUnderLine": true
227
+ },
228
+ "exclusions": {
229
+ "active": false,
230
+ "keys": []
231
+ },
232
+ "twoColor": {
233
+ "palette": "monochrome-1",
234
+ "isPaletteReversed": false
235
+ },
236
+ "labels": false,
237
+ "dataFormat": {
238
+ "commas": true,
239
+ "prefix": "",
240
+ "suffix": "",
241
+ "abbreviated": true,
242
+ "bottomSuffix": "",
243
+ "bottomPrefix": "",
244
+ "bottomAbbreviated": false
245
+ },
246
+ "filters": [],
247
+ "confidenceKeys": {},
248
+ "visual": {
249
+ "border": false,
250
+ "accent": false,
251
+ "background": false,
252
+ "verticalHoverLine": false,
253
+ "horizontalHoverLine": false,
254
+ "borderColorTheme": false,
255
+ "hideBackgroundColor": false,
256
+ "tp5Treatment": false,
257
+ "tp5Background": false,
258
+ "lineDatapointSymbol": "none",
259
+ "maximumShapeAmount": 7
260
+ },
261
+ "useLogScale": false,
262
+ "filterBehavior": "Filter Change",
263
+ "highlightedBarValues": [],
264
+ "series": [
265
+ {
266
+ "dataKey": "New Participants",
267
+ "type": "dashed-sm",
268
+ "axis": "Right",
269
+ "tooltip": true,
270
+ "lineType": "curveNatural",
271
+ "name": "Participants (New)",
272
+ "weight": 3
273
+ },
274
+ {
275
+ "dataKey": "Outreach Costs",
276
+ "type": "Bar",
277
+ "axis": "Left",
278
+ "tooltip": true,
279
+ "name": "Outreach Costs ($)"
280
+ }
281
+ ],
282
+ "tooltips": {
283
+ "opacity": 90,
284
+ "singleSeries": false,
285
+ "dateDisplayFormat": "%m/%d"
286
+ },
287
+ "forestPlot": {
288
+ "startAt": 0,
289
+ "colors": {
290
+ "line": "",
291
+ "shape": ""
292
+ },
293
+ "lineOfNoEffect": {
294
+ "show": true
295
+ },
296
+ "type": "",
297
+ "pooledResult": {
298
+ "diamondHeight": 5,
299
+ "column": ""
300
+ },
301
+ "estimateField": "",
302
+ "estimateRadius": "",
303
+ "shape": "square",
304
+ "rowHeight": 20,
305
+ "description": {
306
+ "show": true,
307
+ "text": "description",
308
+ "location": 0
309
+ },
310
+ "result": {
311
+ "show": true,
312
+ "text": "result",
313
+ "location": 100
314
+ },
315
+ "radius": {
316
+ "min": 2,
317
+ "max": 10,
318
+ "scalingColumn": ""
319
+ },
320
+ "regression": {
321
+ "lower": 0,
322
+ "upper": 0,
323
+ "estimateField": 0
324
+ },
325
+ "leftWidthOffset": 0,
326
+ "rightWidthOffset": 0,
327
+ "showZeroLine": false,
328
+ "leftLabel": "",
329
+ "rightLabel": ""
330
+ },
331
+ "heatmap": {
332
+ "cellPadding": 1,
333
+ "rowLabelGap": 32,
334
+ "columnLabelGap": 56,
335
+ "xAxisPosition": "top",
336
+ "showCellValues": false
337
+ },
338
+ "area": {
339
+ "isStacked": false
340
+ },
341
+ "radar": {
342
+ "gridRings": 5,
343
+ "showGridRings": true,
344
+ "gridRingStyle": "polygons",
345
+ "scaleMin": 0,
346
+ "scaleMax": "",
347
+ "fillOpacity": 0.3,
348
+ "showPoints": true,
349
+ "pointRadius": 4,
350
+ "strokeWidth": 2,
351
+ "axisLabelOffset": 15
352
+ },
353
+ "sankey": {
354
+ "title": {
355
+ "defaultColor": "black"
356
+ },
357
+ "iterations": 1,
358
+ "rxValue": 0.9,
359
+ "overallSize": {
360
+ "width": 900,
361
+ "height": 700
362
+ },
363
+ "margin": {
364
+ "margin_y": 25,
365
+ "margin_x": 0
366
+ },
367
+ "nodeSize": {
368
+ "nodeWidth": 26,
369
+ "nodeHeight": 40
370
+ },
371
+ "nodePadding": 55,
372
+ "nodeFontColor": "black",
373
+ "nodeColor": {
374
+ "default": "#ff8500",
375
+ "inactive": "#808080"
376
+ },
377
+ "linkColor": {
378
+ "default": "#ffc900",
379
+ "inactive": "#D3D3D3"
380
+ },
381
+ "opacity": {
382
+ "nodeOpacityDefault": 1,
383
+ "nodeOpacityInactive": 0.1,
384
+ "LinkOpacityDefault": 1,
385
+ "LinkOpacityInactive": 0.1
386
+ },
387
+ "storyNodeFontColor": "#006778",
388
+ "storyNodeText": [],
389
+ "nodeValueStyle": {
390
+ "textBefore": "(",
391
+ "textAfter": ")"
392
+ },
393
+ "data": [],
394
+ "horizontalScrollWidth": 900,
395
+ "columns": {
396
+ "source": "source",
397
+ "target": "target",
398
+ "value": "value"
399
+ }
400
+ },
401
+ "markupVariables": [],
402
+ "enableMarkupVariables": false,
403
+ "fontSize": "medium",
404
+ "isPaletteReversed": false,
405
+ "errors": [],
406
+ "currentViewport": "lg",
407
+ "id": 3,
408
+ "category": "Charts",
409
+ "label": "Combo Chart",
410
+ "subType": "Combo",
411
+ "icon": {
412
+ "key": null,
413
+ "ref": null,
414
+ "props": {},
415
+ "_owner": null
416
+ },
417
+ "content": "Use bars to show comparisons between data categories.",
418
+ "visualizationType": "Combo",
419
+ "datasets": {},
420
+ "activeVizButtonID": 3,
421
+ "dataFileName": "https://wwwdev.cdc.gov/wcms/4.0/cdc-wp/data-presentation/data/indexed-data-files/61-bar-line-combo-2-value-axes.csv",
422
+ "dataFileSourceType": "url",
423
+ "dataDescription": {
424
+ "horizontal": false,
425
+ "series": true,
426
+ "singleRow": true
427
+ },
428
+ "version": "4.26.8",
429
+ "superTitle": "<sup>Super</sup> Title",
430
+ "introText": "Message: Lorem ipsum dolor sit amet, <em>consectetur adipiscing elit</em>, sed do eiusmod tempor <strong>incididunt ut labore</strong> et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<sup> 42</sup> ",
431
+ "description": "Subtext: Lorem ipsum dolor sit amet, <em>consectetur adipiscing elit</em>, sed do eiusmod tempor <strong>incididunt ut labore</strong> et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<sup> 42</sup> ",
432
+ "footnotes": "Footnotes: Lorem ipsum dolor sit amet, <em>consectetur adipiscing elit</em>, sed do eiusmod tempor <strong>incididunt ut labore</strong> et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<sup> 42</sup> ",
433
+ "dynamicMarginTop": 0,
434
+ "migrations": {
435
+ "addColorMigration": true
436
+ },
437
+ "locale": "en-US",
438
+ "data": [
439
+ {
440
+ "Date": "5/15/2022",
441
+ "New Participants": "70",
442
+ "Outreach Costs": "160000"
443
+ },
444
+ {
445
+ "Date": "8/15/2022",
446
+ "New Participants": "75",
447
+ "Outreach Costs": "170000"
448
+ },
449
+ {
450
+ "Date": "3/15/2022",
451
+ "New Participants": "80",
452
+ "Outreach Costs": "238000"
453
+ },
454
+ {
455
+ "Date": "1/15/2022",
456
+ "New Participants": "90",
457
+ "Outreach Costs": "252000"
458
+ },
459
+ {
460
+ "Date": "6/15/2022",
461
+ "New Participants": "100",
462
+ "Outreach Costs": "280000"
463
+ },
464
+ {
465
+ "Date": "9/15/2022",
466
+ "New Participants": "120",
467
+ "Outreach Costs": "368000"
468
+ },
469
+ {
470
+ "Date": "7/15/2022",
471
+ "New Participants": "132",
472
+ "Outreach Costs": "380000"
473
+ },
474
+ {
475
+ "Date": "4/15/2022",
476
+ "New Participants": "146",
477
+ "Outreach Costs": "480000"
478
+ },
479
+ {
480
+ "Date": "2/15/2022",
481
+ "New Participants": "150",
482
+ "Outreach Costs": "410000"
483
+ }
484
+ ]
485
+ }