@cdc/dashboard 4.26.1 → 4.26.3

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 (76) hide show
  1. package/LICENSE +201 -0
  2. package/dist/cdcdashboard-8NmHlKRI.es.js +15 -0
  3. package/dist/cdcdashboard-BPoPzKPz.es.js +6 -0
  4. package/dist/{cdcdashboard-dgT_1dIT.es.js → cdcdashboard-DQ00cQCm.es.js} +1 -20
  5. package/dist/cdcdashboard-jiQQPkty.es.js +6 -0
  6. package/dist/cdcdashboard-vr9HZwRt.es.js +6 -0
  7. package/dist/cdcdashboard.js +80971 -83096
  8. package/examples/custom/css/respiratory.css +1 -1
  9. package/examples/data/data-with-metadata.json +18 -0
  10. package/examples/default.json +492 -132
  11. package/examples/nested-dropdown.json +6985 -0
  12. package/examples/private/abc.json +467 -0
  13. package/examples/private/dash.json +12696 -0
  14. package/examples/private/inline-markup.json +775 -0
  15. package/examples/private/npcr.json +1 -0
  16. package/examples/private/recent-update.json +1456 -0
  17. package/examples/private/test.json +125407 -0
  18. package/examples/private/timeline-data.json +4994 -0
  19. package/examples/private/timeline.json +1708 -0
  20. package/examples/private/toggle.json +10137 -0
  21. package/examples/test-api-filter-reset.json +8 -4
  22. package/examples/tp5-gauges.json +196 -0
  23. package/examples/tp5-test.json +266 -0
  24. package/index.html +1 -29
  25. package/package.json +38 -40
  26. package/src/CdcDashboard.tsx +2 -1
  27. package/src/CdcDashboardComponent.tsx +47 -30
  28. package/src/_stories/Dashboard.DataSetup.stories.tsx +8 -2
  29. package/src/_stories/Dashboard.Pages.stories.tsx +22 -0
  30. package/src/_stories/Dashboard.stories.tsx +4501 -80
  31. package/src/_stories/_mock/dashboard-line-chart-angles.json +1030 -0
  32. package/src/_stories/_mock/tab-simple-filter.json +153 -0
  33. package/src/_stories/_mock/tp5-test.json +267 -0
  34. package/src/components/DashboardFilters/DashboardFilters.tsx +19 -3
  35. package/src/components/DashboardFilters/DashboardFiltersEditor/DashboardFiltersEditor.tsx +10 -4
  36. package/src/components/DashboardFilters/DashboardFiltersEditor/components/APIModal.tsx +1 -1
  37. package/src/components/DashboardFilters/DashboardFiltersEditor/components/FilterEditor.tsx +6 -3
  38. package/src/components/DashboardFilters/DashboardFiltersEditor/components/NestedDropDownDashboard.tsx +13 -8
  39. package/src/components/DashboardFilters/DashboardFiltersWrapper.tsx +8 -8
  40. package/src/components/DashboardFilters/_stories/DashboardFilters.stories.tsx +1 -1
  41. package/src/components/DashboardFilters/dashboardfilter.styles.css +3 -3
  42. package/src/components/DataDesignerModal.tsx +2 -2
  43. package/src/components/Header/Header.tsx +27 -5
  44. package/src/components/Header/index.scss +1 -1
  45. package/src/components/MultiConfigTabs/multiconfigtabs.styles.css +6 -6
  46. package/src/components/Row.tsx +21 -0
  47. package/src/components/Toggle/toggle-style.css +7 -7
  48. package/src/components/VisualizationRow.tsx +42 -29
  49. package/src/components/VisualizationsPanel/VisualizationsPanel.tsx +1 -71
  50. package/src/components/VisualizationsPanel/visualizations-panel-styles.css +2 -2
  51. package/src/components/Widget/Widget.tsx +2 -2
  52. package/src/components/Widget/widget.styles.css +12 -12
  53. package/src/data/initial-state.js +1 -1
  54. package/src/helpers/addValuesToDashboardFilters.ts +17 -11
  55. package/src/helpers/addVisualization.ts +71 -0
  56. package/src/helpers/apiFilterHelpers.ts +28 -32
  57. package/src/helpers/formatConfigBeforeSave.ts +1 -1
  58. package/src/helpers/getVizConfig.ts +13 -3
  59. package/src/helpers/iconHash.tsx +45 -36
  60. package/src/helpers/processDataLegacy.ts +19 -14
  61. package/src/helpers/tests/addValuesToDashboardFilters.test.ts +141 -44
  62. package/src/helpers/tests/addVisualization.test.ts +52 -0
  63. package/src/helpers/tests/apiFilterHelpers.test.ts +523 -420
  64. package/src/helpers/tests/formatConfigBeforeSave.test.ts +81 -1
  65. package/src/scss/editor-panel.scss +1 -1
  66. package/src/scss/main.scss +169 -41
  67. package/src/store/dashboard.reducer.ts +1 -1
  68. package/src/test/CdcDashboard.test.jsx +2 -2
  69. package/src/test/CdcDashboardComponent.test.tsx +74 -0
  70. package/src/types/FilterStyles.ts +2 -1
  71. package/tests/fixtures/dashboard-config-with-metadata.json +89 -0
  72. package/vite.config.js +7 -1
  73. package/dist/cdcdashboard-BnB1QM5d.es.js +0 -361528
  74. package/dist/cdcdashboard-Ct2SB0vL.es.js +0 -231049
  75. package/dist/cdcdashboard-D6CG2-Hb.es.js +0 -39377
  76. package/dist/cdcdashboard-MXgURbdZ.es.js +0 -39194
@@ -0,0 +1,1030 @@
1
+ {
2
+ "type": "dashboard",
3
+ "dashboard": {
4
+ "title": "Line Chart Angle Testing Dashboard",
5
+ "description": "Dashboard for testing quadrant-based label positioning across all angle scenarios.",
6
+ "theme": "theme-blue",
7
+ "sharedFilters": []
8
+ },
9
+ "rows": [
10
+ {
11
+ "columns": [
12
+ { "width": 6, "widget": "chart-angle-q1-steep-upward" },
13
+ { "width": 6, "widget": "chart-angle-q2-gentle-downward" }
14
+ ]
15
+ },
16
+ {
17
+ "columns": [
18
+ { "width": 6, "widget": "chart-angle-q3-steep-downward" },
19
+ { "width": 6, "widget": "chart-angle-q4-gentle-upward" }
20
+ ]
21
+ },
22
+ {
23
+ "columns": [
24
+ { "width": 6, "widget": "chart-angle-near-zero-rise" },
25
+ { "width": 6, "widget": "chart-angle-near-zero-fall" }
26
+ ]
27
+ },
28
+ {
29
+ "columns": [
30
+ { "width": 12, "widget": "chart-angle-all-quadrants" }
31
+ ]
32
+ }
33
+ ],
34
+ "datasets": {
35
+ "q1-data": {
36
+ "data": [
37
+ { "Category": "A", "Steep Upward (Q1)": "10" },
38
+ { "Category": "B", "Steep Upward (Q1)": "90" },
39
+ { "Category": "C", "Steep Upward (Q1)": "100" },
40
+ { "Category": "D", "Steep Upward (Q1)": "80" },
41
+ { "Category": "E", "Steep Upward (Q1)": "20" },
42
+ { "Category": "F", "Steep Upward (Q1)": "100" },
43
+ { "Category": "G", "Steep Upward (Q1)": "90" },
44
+ { "Category": "H", "Steep Upward (Q1)": "10" }
45
+ ]
46
+ },
47
+ "q2-data": {
48
+ "data": [
49
+ { "Category": "A", "Gentle Downward (Q2)": "100" },
50
+ { "Category": "B", "Gentle Downward (Q2)": "80" },
51
+ { "Category": "C", "Gentle Downward (Q2)": "90" },
52
+ { "Category": "D", "Gentle Downward (Q2)": "100" },
53
+ { "Category": "E", "Gentle Downward (Q2)": "90" },
54
+ { "Category": "F", "Gentle Downward (Q2)": "10" },
55
+ { "Category": "G", "Gentle Downward (Q2)": "80" },
56
+ { "Category": "H", "Gentle Downward (Q2)": "100" }
57
+ ]
58
+ },
59
+ "q3-data": {
60
+ "data": [
61
+ { "Category": "A", "Steep Downward (Q3)": "100" },
62
+ { "Category": "B", "Steep Downward (Q3)": "90" },
63
+ { "Category": "C", "Steep Downward (Q3)": "10" },
64
+ { "Category": "D", "Steep Downward (Q3)": "0" },
65
+ { "Category": "E", "Steep Downward (Q3)": "10" },
66
+ { "Category": "F", "Steep Downward (Q3)": "100" },
67
+ { "Category": "G", "Steep Downward (Q3)": "80" },
68
+ { "Category": "H", "Steep Downward (Q3)": "90" }
69
+ ]
70
+ },
71
+ "q4-data": {
72
+ "data": [
73
+ { "Category": "A", "Gentle Upward (Q4)": "10" },
74
+ { "Category": "B", "Gentle Upward (Q4)": "20" },
75
+ { "Category": "C", "Gentle Upward (Q4)": "80" },
76
+ { "Category": "D", "Gentle Upward (Q4)": "90" },
77
+ { "Category": "E", "Gentle Upward (Q4)": "100" },
78
+ { "Category": "F", "Gentle Upward (Q4)": "80" },
79
+ { "Category": "G", "Gentle Upward (Q4)": "20" },
80
+ { "Category": "H", "Gentle Upward (Q4)": "90" }
81
+ ]
82
+ },
83
+ "near-zero-rise-data": {
84
+ "data": [
85
+ { "Category": "A", "Near Zero Rise": "5" },
86
+ { "Category": "B", "Near Zero Rise": "10" },
87
+ { "Category": "C", "Near Zero Rise": "80" },
88
+ { "Category": "D", "Near Zero Rise": "90" },
89
+ { "Category": "E", "Near Zero Rise": "0" },
90
+ { "Category": "F", "Near Zero Rise": "5" },
91
+ { "Category": "G", "Near Zero Rise": "100" },
92
+ { "Category": "H", "Near Zero Rise": "10" }
93
+ ]
94
+ },
95
+ "near-zero-fall-data": {
96
+ "data": [
97
+ { "Category": "A", "Near Zero Fall": "5" },
98
+ { "Category": "B", "Near Zero Fall": "0" },
99
+ { "Category": "C", "Near Zero Fall": "80" },
100
+ { "Category": "D", "Near Zero Fall": "90" },
101
+ { "Category": "E", "Near Zero Fall": "100" },
102
+ { "Category": "F", "Near Zero Fall": "10" },
103
+ { "Category": "G", "Near Zero Fall": "5" },
104
+ { "Category": "H", "Near Zero Fall": "0" }
105
+ ]
106
+ },
107
+ "all-quadrants-data": {
108
+ "data": [
109
+ { "Category": "A", "Steep Upward (Q1)": "10", "Gentle Downward (Q2)": "100", "Steep Downward (Q3)": "100", "Gentle Upward (Q4)": "10", "Near Zero Rise": "5", "Near Zero Fall": "5" },
110
+ { "Category": "B", "Steep Upward (Q1)": "90", "Gentle Downward (Q2)": "80", "Steep Downward (Q3)": "90", "Gentle Upward (Q4)": "20", "Near Zero Rise": "10", "Near Zero Fall": "0" },
111
+ { "Category": "C", "Steep Upward (Q1)": "100", "Gentle Downward (Q2)": "90", "Steep Downward (Q3)": "10", "Gentle Upward (Q4)": "80", "Near Zero Rise": "80", "Near Zero Fall": "80" },
112
+ { "Category": "D", "Steep Upward (Q1)": "80", "Gentle Downward (Q2)": "100", "Steep Downward (Q3)": "0", "Gentle Upward (Q4)": "90", "Near Zero Rise": "90", "Near Zero Fall": "90" },
113
+ { "Category": "E", "Steep Upward (Q1)": "20", "Gentle Downward (Q2)": "90", "Steep Downward (Q3)": "10", "Gentle Upward (Q4)": "100", "Near Zero Rise": "0", "Near Zero Fall": "100" },
114
+ { "Category": "F", "Steep Upward (Q1)": "100", "Gentle Downward (Q2)": "10", "Steep Downward (Q3)": "100", "Gentle Upward (Q4)": "80", "Near Zero Rise": "5", "Near Zero Fall": "10" },
115
+ { "Category": "G", "Steep Upward (Q1)": "90", "Gentle Downward (Q2)": "80", "Steep Downward (Q3)": "80", "Gentle Upward (Q4)": "20", "Near Zero Rise": "100", "Near Zero Fall": "5" },
116
+ { "Category": "H", "Steep Upward (Q1)": "10", "Gentle Downward (Q2)": "100", "Steep Downward (Q3)": "90", "Gentle Upward (Q4)": "90", "Near Zero Rise": "10", "Near Zero Fall": "0" }
117
+ ]
118
+ }
119
+ },
120
+ "visualizations": {
121
+ "chart-angle-q1-steep-upward": {
122
+ "type": "chart",
123
+ "uid": "chart-angle-q1-steep-upward",
124
+ "dataKey": "q1-data",
125
+ "title": "Quadrant 1: Steep Upward (1\u00b0-89\u00b0)",
126
+ "theme": "theme-blue",
127
+ "animate": false,
128
+ "fontSize": "medium",
129
+ "lineDatapointStyle": "always show",
130
+ "visualizationSubType": "regular",
131
+ "padding": { "left": 5, "right": 5 },
132
+ "yAxis": {
133
+ "hideAxis": false,
134
+ "displayNumbersOnBar": false,
135
+ "hideLabel": false,
136
+ "hideTicks": false,
137
+ "size": "68",
138
+ "gridLines": true,
139
+ "enablePadding": false,
140
+ "min": "0",
141
+ "max": "120",
142
+ "labelColor": "#333",
143
+ "tickLabelColor": "#333",
144
+ "tickColor": "#333",
145
+ "numTicks": "",
146
+ "axisPadding": 0,
147
+ "scalePadding": 10,
148
+ "tickRotation": 0,
149
+ "label": "Value"
150
+ },
151
+ "topAxis": { "hasLine": false },
152
+ "height": "350",
153
+ "xAxis": {
154
+ "sortDates": false,
155
+ "type": "categorical",
156
+ "hideAxis": false,
157
+ "hideLabel": false,
158
+ "hideTicks": false,
159
+ "size": "78",
160
+ "tickRotation": "0",
161
+ "min": "",
162
+ "max": "",
163
+ "labelColor": "#333",
164
+ "tickLabelColor": "#333",
165
+ "tickColor": "#333",
166
+ "numTicks": "",
167
+ "labelOffset": 0,
168
+ "axisPadding": 0,
169
+ "padding": 5,
170
+ "dataKey": "Category",
171
+ "label": "Data Points"
172
+ },
173
+ "table": {
174
+ "label": "Data Table",
175
+ "expanded": false,
176
+ "limitHeight": false,
177
+ "height": "",
178
+ "caption": "Testing steep upward angles (Q1: 1\u00b0-89\u00b0)",
179
+ "showDownloadUrl": false,
180
+ "showDataTableLink": true,
181
+ "showDownloadLinkBelow": true,
182
+ "download": true,
183
+ "showVertical": true,
184
+ "show": true
185
+ },
186
+ "orientation": "vertical",
187
+ "legend": {
188
+ "hide": false,
189
+ "behavior": "highlight",
190
+ "axisAlign": true,
191
+ "singleRow": false,
192
+ "colorCode": "",
193
+ "reverseLabelOrder": false,
194
+ "description": "Steep upward angle line",
195
+ "label": "Series",
196
+ "lineMode": false,
197
+ "verticalSorted": false,
198
+ "highlightOnHover": false,
199
+ "style": "lines",
200
+ "subStyle": "linear blocks",
201
+ "shape": "circle",
202
+ "hideBorder": { "side": false, "topBottom": true },
203
+ "position": "right",
204
+ "hasShape": true
205
+ },
206
+ "exclusions": { "active": false, "keys": [] },
207
+ "palette": "qualitative4",
208
+ "isPaletteReversed": false,
209
+ "labels": true,
210
+ "dataFormat": { "commas": false, "prefix": "", "suffix": "", "abbreviated": false },
211
+ "confidenceKeys": {},
212
+ "visual": {
213
+ "border": true,
214
+ "accent": true,
215
+ "background": true,
216
+ "verticalHoverLine": false,
217
+ "horizontalHoverLine": false,
218
+ "lineDatapointSymbol": "standard"
219
+ },
220
+ "visualizationType": "Line",
221
+ "series": [{ "dataKey": "Steep Upward (Q1)", "type": "Line", "axis": "Left", "tooltip": true }],
222
+ "description": "Testing Quadrant 1 angles (1\u00b0-89\u00b0) - steep upward slopes.",
223
+ "annotations": [],
224
+ "debugSvg": false,
225
+ "chartMessage": { "noData": "No Data Available" },
226
+ "showTitle": true,
227
+ "showDownloadMediaButton": false,
228
+ "lineDatapointColor": "Same as Line",
229
+ "isResponsiveTicks": false,
230
+ "general": {
231
+ "annotationDropdownText": "Annotations",
232
+ "showDownloadButton": false,
233
+ "showMissingDataLabel": true,
234
+ "showSuppressedSymbol": true,
235
+ "showZeroValueData": true,
236
+ "hideNullValue": true,
237
+ "useIntelligentLineChartLabels": true
238
+ },
239
+ "isLegendValue": false,
240
+ "barSpace": 15,
241
+ "heights": { "vertical": 350, "horizontal": 750 },
242
+ "columns": {},
243
+ "brush": { "height": 45, "active": false },
244
+ "useLogScale": false,
245
+ "filterBehavior": "Filter Change",
246
+ "tooltips": { "opacity": 90, "singleSeries": false, "dateDisplayFormat": "" },
247
+ "version": "4.25.1"
248
+ },
249
+ "chart-angle-q2-gentle-downward": {
250
+ "type": "chart",
251
+ "uid": "chart-angle-q2-gentle-downward",
252
+ "dataKey": "q2-data",
253
+ "title": "Quadrant 2: Gentle Downward (91\u00b0-179\u00b0)",
254
+ "theme": "theme-blue",
255
+ "animate": false,
256
+ "fontSize": "medium",
257
+ "lineDatapointStyle": "always show",
258
+ "visualizationSubType": "regular",
259
+ "padding": { "left": 5, "right": 5 },
260
+ "yAxis": {
261
+ "hideAxis": false,
262
+ "displayNumbersOnBar": false,
263
+ "hideLabel": false,
264
+ "hideTicks": false,
265
+ "size": "68",
266
+ "gridLines": true,
267
+ "enablePadding": false,
268
+ "min": "0",
269
+ "max": "120",
270
+ "labelColor": "#333",
271
+ "tickLabelColor": "#333",
272
+ "tickColor": "#333",
273
+ "numTicks": "",
274
+ "axisPadding": 0,
275
+ "scalePadding": 10,
276
+ "tickRotation": 0,
277
+ "label": "Value"
278
+ },
279
+ "topAxis": { "hasLine": false },
280
+ "height": "350",
281
+ "xAxis": {
282
+ "sortDates": false,
283
+ "type": "categorical",
284
+ "hideAxis": false,
285
+ "hideLabel": false,
286
+ "hideTicks": false,
287
+ "size": "78",
288
+ "tickRotation": "0",
289
+ "min": "",
290
+ "max": "",
291
+ "labelColor": "#333",
292
+ "tickLabelColor": "#333",
293
+ "tickColor": "#333",
294
+ "numTicks": "",
295
+ "labelOffset": 0,
296
+ "axisPadding": 0,
297
+ "padding": 5,
298
+ "dataKey": "Category",
299
+ "label": "Data Points"
300
+ },
301
+ "table": {
302
+ "label": "Data Table",
303
+ "expanded": false,
304
+ "limitHeight": false,
305
+ "height": "",
306
+ "caption": "Testing gentle downward angles (Q2: 91\u00b0-179\u00b0)",
307
+ "showDownloadUrl": false,
308
+ "showDataTableLink": true,
309
+ "showDownloadLinkBelow": true,
310
+ "download": true,
311
+ "showVertical": true,
312
+ "show": true
313
+ },
314
+ "orientation": "vertical",
315
+ "legend": {
316
+ "hide": false,
317
+ "behavior": "highlight",
318
+ "axisAlign": true,
319
+ "singleRow": false,
320
+ "colorCode": "",
321
+ "reverseLabelOrder": false,
322
+ "description": "Gentle downward angle line",
323
+ "label": "Series",
324
+ "lineMode": false,
325
+ "verticalSorted": false,
326
+ "highlightOnHover": false,
327
+ "style": "lines",
328
+ "subStyle": "linear blocks",
329
+ "shape": "circle",
330
+ "hideBorder": { "side": false, "topBottom": true },
331
+ "position": "right",
332
+ "hasShape": true
333
+ },
334
+ "exclusions": { "active": false, "keys": [] },
335
+ "palette": "qualitative4",
336
+ "isPaletteReversed": false,
337
+ "labels": true,
338
+ "dataFormat": { "commas": false, "prefix": "", "suffix": "", "abbreviated": false },
339
+ "confidenceKeys": {},
340
+ "visual": {
341
+ "border": true,
342
+ "accent": true,
343
+ "background": true,
344
+ "verticalHoverLine": false,
345
+ "horizontalHoverLine": false,
346
+ "lineDatapointSymbol": "standard"
347
+ },
348
+ "visualizationType": "Line",
349
+ "series": [{ "dataKey": "Gentle Downward (Q2)", "type": "Line", "axis": "Left", "tooltip": true }],
350
+ "description": "Testing Quadrant 2 angles (91\u00b0-179\u00b0) - gentle downward slopes.",
351
+ "annotations": [],
352
+ "debugSvg": false,
353
+ "chartMessage": { "noData": "No Data Available" },
354
+ "showTitle": true,
355
+ "showDownloadMediaButton": false,
356
+ "lineDatapointColor": "Same as Line",
357
+ "isResponsiveTicks": false,
358
+ "general": {
359
+ "annotationDropdownText": "Annotations",
360
+ "showDownloadButton": false,
361
+ "showMissingDataLabel": true,
362
+ "showSuppressedSymbol": true,
363
+ "showZeroValueData": true,
364
+ "hideNullValue": true,
365
+ "useIntelligentLineChartLabels": true
366
+ },
367
+ "isLegendValue": false,
368
+ "barSpace": 15,
369
+ "heights": { "vertical": 350, "horizontal": 750 },
370
+ "columns": {},
371
+ "brush": { "height": 45, "active": false },
372
+ "useLogScale": false,
373
+ "filterBehavior": "Filter Change",
374
+ "tooltips": { "opacity": 90, "singleSeries": false, "dateDisplayFormat": "" },
375
+ "version": "4.25.1"
376
+ },
377
+ "chart-angle-q3-steep-downward": {
378
+ "type": "chart",
379
+ "uid": "chart-angle-q3-steep-downward",
380
+ "dataKey": "q3-data",
381
+ "title": "Quadrant 3: Steep Downward (180\u00b0-269\u00b0)",
382
+ "theme": "theme-blue",
383
+ "animate": false,
384
+ "fontSize": "medium",
385
+ "lineDatapointStyle": "always show",
386
+ "visualizationSubType": "regular",
387
+ "padding": { "left": 5, "right": 5 },
388
+ "yAxis": {
389
+ "hideAxis": false,
390
+ "displayNumbersOnBar": false,
391
+ "hideLabel": false,
392
+ "hideTicks": false,
393
+ "size": "68",
394
+ "gridLines": true,
395
+ "enablePadding": false,
396
+ "min": "0",
397
+ "max": "120",
398
+ "labelColor": "#333",
399
+ "tickLabelColor": "#333",
400
+ "tickColor": "#333",
401
+ "numTicks": "",
402
+ "axisPadding": 0,
403
+ "scalePadding": 10,
404
+ "tickRotation": 0,
405
+ "label": "Value"
406
+ },
407
+ "topAxis": { "hasLine": false },
408
+ "height": "350",
409
+ "xAxis": {
410
+ "sortDates": false,
411
+ "type": "categorical",
412
+ "hideAxis": false,
413
+ "hideLabel": false,
414
+ "hideTicks": false,
415
+ "size": "78",
416
+ "tickRotation": "0",
417
+ "min": "",
418
+ "max": "",
419
+ "labelColor": "#333",
420
+ "tickLabelColor": "#333",
421
+ "tickColor": "#333",
422
+ "numTicks": "",
423
+ "labelOffset": 0,
424
+ "axisPadding": 0,
425
+ "padding": 5,
426
+ "dataKey": "Category",
427
+ "label": "Data Points"
428
+ },
429
+ "table": {
430
+ "label": "Data Table",
431
+ "expanded": false,
432
+ "limitHeight": false,
433
+ "height": "",
434
+ "caption": "Testing steep downward angles (Q3: 180\u00b0-269\u00b0)",
435
+ "showDownloadUrl": false,
436
+ "showDataTableLink": true,
437
+ "showDownloadLinkBelow": true,
438
+ "download": true,
439
+ "showVertical": true,
440
+ "show": true
441
+ },
442
+ "orientation": "vertical",
443
+ "legend": {
444
+ "hide": false,
445
+ "behavior": "highlight",
446
+ "axisAlign": true,
447
+ "singleRow": false,
448
+ "colorCode": "",
449
+ "reverseLabelOrder": false,
450
+ "description": "Steep downward angle line",
451
+ "label": "Series",
452
+ "lineMode": false,
453
+ "verticalSorted": false,
454
+ "highlightOnHover": false,
455
+ "style": "lines",
456
+ "subStyle": "linear blocks",
457
+ "shape": "circle",
458
+ "hideBorder": { "side": false, "topBottom": true },
459
+ "position": "right",
460
+ "hasShape": true
461
+ },
462
+ "exclusions": { "active": false, "keys": [] },
463
+ "palette": "qualitative4",
464
+ "isPaletteReversed": false,
465
+ "labels": true,
466
+ "dataFormat": { "commas": false, "prefix": "", "suffix": "", "abbreviated": false },
467
+ "confidenceKeys": {},
468
+ "visual": {
469
+ "border": true,
470
+ "accent": true,
471
+ "background": true,
472
+ "verticalHoverLine": false,
473
+ "horizontalHoverLine": false,
474
+ "lineDatapointSymbol": "standard"
475
+ },
476
+ "visualizationType": "Line",
477
+ "series": [{ "dataKey": "Steep Downward (Q3)", "type": "Line", "axis": "Left", "tooltip": true }],
478
+ "description": "Testing Quadrant 3 angles (180\u00b0-269\u00b0) - steep downward slopes.",
479
+ "annotations": [],
480
+ "debugSvg": false,
481
+ "chartMessage": { "noData": "No Data Available" },
482
+ "showTitle": true,
483
+ "showDownloadMediaButton": false,
484
+ "lineDatapointColor": "Same as Line",
485
+ "isResponsiveTicks": false,
486
+ "general": {
487
+ "annotationDropdownText": "Annotations",
488
+ "showDownloadButton": false,
489
+ "showMissingDataLabel": true,
490
+ "showSuppressedSymbol": true,
491
+ "showZeroValueData": true,
492
+ "hideNullValue": true,
493
+ "useIntelligentLineChartLabels": true
494
+ },
495
+ "isLegendValue": false,
496
+ "barSpace": 15,
497
+ "heights": { "vertical": 350, "horizontal": 750 },
498
+ "columns": {},
499
+ "brush": { "height": 45, "active": false },
500
+ "useLogScale": false,
501
+ "filterBehavior": "Filter Change",
502
+ "tooltips": { "opacity": 90, "singleSeries": false, "dateDisplayFormat": "" },
503
+ "version": "4.25.1"
504
+ },
505
+ "chart-angle-q4-gentle-upward": {
506
+ "type": "chart",
507
+ "uid": "chart-angle-q4-gentle-upward",
508
+ "dataKey": "q4-data",
509
+ "title": "Quadrant 4: Gentle Upward (269\u00b0-360\u00b0)",
510
+ "theme": "theme-blue",
511
+ "animate": false,
512
+ "fontSize": "medium",
513
+ "lineDatapointStyle": "always show",
514
+ "visualizationSubType": "regular",
515
+ "padding": { "left": 5, "right": 5 },
516
+ "yAxis": {
517
+ "hideAxis": false,
518
+ "displayNumbersOnBar": false,
519
+ "hideLabel": false,
520
+ "hideTicks": false,
521
+ "size": "68",
522
+ "gridLines": true,
523
+ "enablePadding": false,
524
+ "min": "0",
525
+ "max": "120",
526
+ "labelColor": "#333",
527
+ "tickLabelColor": "#333",
528
+ "tickColor": "#333",
529
+ "numTicks": "",
530
+ "axisPadding": 0,
531
+ "scalePadding": 10,
532
+ "tickRotation": 0,
533
+ "label": "Value"
534
+ },
535
+ "topAxis": { "hasLine": false },
536
+ "height": "350",
537
+ "xAxis": {
538
+ "sortDates": false,
539
+ "type": "categorical",
540
+ "hideAxis": false,
541
+ "hideLabel": false,
542
+ "hideTicks": false,
543
+ "size": "78",
544
+ "tickRotation": "0",
545
+ "min": "",
546
+ "max": "",
547
+ "labelColor": "#333",
548
+ "tickLabelColor": "#333",
549
+ "tickColor": "#333",
550
+ "numTicks": "",
551
+ "labelOffset": 0,
552
+ "axisPadding": 0,
553
+ "padding": 5,
554
+ "dataKey": "Category",
555
+ "label": "Data Points"
556
+ },
557
+ "table": {
558
+ "label": "Data Table",
559
+ "expanded": false,
560
+ "limitHeight": false,
561
+ "height": "",
562
+ "caption": "Testing gentle upward angles (Q4: 269\u00b0-360\u00b0)",
563
+ "showDownloadUrl": false,
564
+ "showDataTableLink": true,
565
+ "showDownloadLinkBelow": true,
566
+ "download": true,
567
+ "showVertical": true,
568
+ "show": true
569
+ },
570
+ "orientation": "vertical",
571
+ "legend": {
572
+ "hide": false,
573
+ "behavior": "highlight",
574
+ "axisAlign": true,
575
+ "singleRow": false,
576
+ "colorCode": "",
577
+ "reverseLabelOrder": false,
578
+ "description": "Gentle upward angle line",
579
+ "label": "Series",
580
+ "lineMode": false,
581
+ "verticalSorted": false,
582
+ "highlightOnHover": false,
583
+ "style": "lines",
584
+ "subStyle": "linear blocks",
585
+ "shape": "circle",
586
+ "hideBorder": { "side": false, "topBottom": true },
587
+ "position": "right",
588
+ "hasShape": true
589
+ },
590
+ "exclusions": { "active": false, "keys": [] },
591
+ "palette": "qualitative4",
592
+ "isPaletteReversed": false,
593
+ "labels": true,
594
+ "dataFormat": { "commas": false, "prefix": "", "suffix": "", "abbreviated": false },
595
+ "confidenceKeys": {},
596
+ "visual": {
597
+ "border": true,
598
+ "accent": true,
599
+ "background": true,
600
+ "verticalHoverLine": false,
601
+ "horizontalHoverLine": false,
602
+ "lineDatapointSymbol": "standard"
603
+ },
604
+ "visualizationType": "Line",
605
+ "series": [{ "dataKey": "Gentle Upward (Q4)", "type": "Line", "axis": "Left", "tooltip": true }],
606
+ "description": "Testing Quadrant 4 angles (269\u00b0-360\u00b0) - gentle upward slopes.",
607
+ "annotations": [],
608
+ "debugSvg": false,
609
+ "chartMessage": { "noData": "No Data Available" },
610
+ "showTitle": true,
611
+ "showDownloadMediaButton": false,
612
+ "lineDatapointColor": "Same as Line",
613
+ "isResponsiveTicks": false,
614
+ "general": {
615
+ "annotationDropdownText": "Annotations",
616
+ "showDownloadButton": false,
617
+ "showMissingDataLabel": true,
618
+ "showSuppressedSymbol": true,
619
+ "showZeroValueData": true,
620
+ "hideNullValue": true,
621
+ "useIntelligentLineChartLabels": true
622
+ },
623
+ "isLegendValue": false,
624
+ "barSpace": 15,
625
+ "heights": { "vertical": 350, "horizontal": 750 },
626
+ "columns": {},
627
+ "brush": { "height": 45, "active": false },
628
+ "useLogScale": false,
629
+ "filterBehavior": "Filter Change",
630
+ "tooltips": { "opacity": 90, "singleSeries": false, "dateDisplayFormat": "" },
631
+ "version": "4.25.1"
632
+ },
633
+ "chart-angle-near-zero-rise": {
634
+ "type": "chart",
635
+ "uid": "chart-angle-near-zero-rise",
636
+ "dataKey": "near-zero-rise-data",
637
+ "title": "Near Zero Rise Angle",
638
+ "theme": "theme-blue",
639
+ "animate": false,
640
+ "fontSize": "medium",
641
+ "lineDatapointStyle": "always show",
642
+ "visualizationSubType": "regular",
643
+ "padding": { "left": 5, "right": 5 },
644
+ "yAxis": {
645
+ "hideAxis": false,
646
+ "displayNumbersOnBar": false,
647
+ "hideLabel": false,
648
+ "hideTicks": false,
649
+ "size": "68",
650
+ "gridLines": true,
651
+ "enablePadding": false,
652
+ "min": "0",
653
+ "max": "120",
654
+ "labelColor": "#333",
655
+ "tickLabelColor": "#333",
656
+ "tickColor": "#333",
657
+ "numTicks": "",
658
+ "axisPadding": 0,
659
+ "scalePadding": 10,
660
+ "tickRotation": 0,
661
+ "label": "Value"
662
+ },
663
+ "topAxis": { "hasLine": false },
664
+ "height": "350",
665
+ "xAxis": {
666
+ "sortDates": false,
667
+ "type": "categorical",
668
+ "hideAxis": false,
669
+ "hideLabel": false,
670
+ "hideTicks": false,
671
+ "size": "78",
672
+ "tickRotation": "0",
673
+ "min": "",
674
+ "max": "",
675
+ "labelColor": "#333",
676
+ "tickLabelColor": "#333",
677
+ "tickColor": "#333",
678
+ "numTicks": "",
679
+ "labelOffset": 0,
680
+ "axisPadding": 0,
681
+ "padding": 5,
682
+ "dataKey": "Category",
683
+ "label": "Data Points"
684
+ },
685
+ "table": {
686
+ "label": "Data Table",
687
+ "expanded": false,
688
+ "limitHeight": false,
689
+ "height": "",
690
+ "caption": "Testing near-zero rise angles (close to 0\u00b0)",
691
+ "showDownloadUrl": false,
692
+ "showDataTableLink": true,
693
+ "showDownloadLinkBelow": true,
694
+ "download": true,
695
+ "showVertical": true,
696
+ "show": true
697
+ },
698
+ "orientation": "vertical",
699
+ "legend": {
700
+ "hide": false,
701
+ "behavior": "highlight",
702
+ "axisAlign": true,
703
+ "singleRow": false,
704
+ "colorCode": "",
705
+ "reverseLabelOrder": false,
706
+ "description": "Near-zero rise angle line",
707
+ "label": "Series",
708
+ "lineMode": false,
709
+ "verticalSorted": false,
710
+ "highlightOnHover": false,
711
+ "style": "lines",
712
+ "subStyle": "linear blocks",
713
+ "shape": "circle",
714
+ "hideBorder": { "side": false, "topBottom": true },
715
+ "position": "right",
716
+ "hasShape": true
717
+ },
718
+ "exclusions": { "active": false, "keys": [] },
719
+ "palette": "qualitative4",
720
+ "isPaletteReversed": false,
721
+ "labels": true,
722
+ "dataFormat": { "commas": false, "prefix": "", "suffix": "", "abbreviated": false },
723
+ "confidenceKeys": {},
724
+ "visual": {
725
+ "border": true,
726
+ "accent": true,
727
+ "background": true,
728
+ "verticalHoverLine": false,
729
+ "horizontalHoverLine": false,
730
+ "lineDatapointSymbol": "standard"
731
+ },
732
+ "visualizationType": "Line",
733
+ "series": [{ "dataKey": "Near Zero Rise", "type": "Line", "axis": "Left", "tooltip": true }],
734
+ "description": "Testing near-zero rise angles (close to 0\u00b0/360\u00b0).",
735
+ "annotations": [],
736
+ "debugSvg": false,
737
+ "chartMessage": { "noData": "No Data Available" },
738
+ "showTitle": true,
739
+ "showDownloadMediaButton": false,
740
+ "lineDatapointColor": "Same as Line",
741
+ "isResponsiveTicks": false,
742
+ "general": {
743
+ "annotationDropdownText": "Annotations",
744
+ "showDownloadButton": false,
745
+ "showMissingDataLabel": true,
746
+ "showSuppressedSymbol": true,
747
+ "showZeroValueData": true,
748
+ "hideNullValue": true,
749
+ "useIntelligentLineChartLabels": true
750
+ },
751
+ "isLegendValue": false,
752
+ "barSpace": 15,
753
+ "heights": { "vertical": 350, "horizontal": 750 },
754
+ "columns": {},
755
+ "brush": { "height": 45, "active": false },
756
+ "useLogScale": false,
757
+ "filterBehavior": "Filter Change",
758
+ "tooltips": { "opacity": 90, "singleSeries": false, "dateDisplayFormat": "" },
759
+ "version": "4.25.1"
760
+ },
761
+ "chart-angle-near-zero-fall": {
762
+ "type": "chart",
763
+ "uid": "chart-angle-near-zero-fall",
764
+ "dataKey": "near-zero-fall-data",
765
+ "title": "Near Zero Fall Angle",
766
+ "theme": "theme-blue",
767
+ "animate": false,
768
+ "fontSize": "medium",
769
+ "lineDatapointStyle": "always show",
770
+ "visualizationSubType": "regular",
771
+ "padding": { "left": 5, "right": 5 },
772
+ "yAxis": {
773
+ "hideAxis": false,
774
+ "displayNumbersOnBar": false,
775
+ "hideLabel": false,
776
+ "hideTicks": false,
777
+ "size": "68",
778
+ "gridLines": true,
779
+ "enablePadding": false,
780
+ "min": "0",
781
+ "max": "120",
782
+ "labelColor": "#333",
783
+ "tickLabelColor": "#333",
784
+ "tickColor": "#333",
785
+ "numTicks": "",
786
+ "axisPadding": 0,
787
+ "scalePadding": 10,
788
+ "tickRotation": 0,
789
+ "label": "Value"
790
+ },
791
+ "topAxis": { "hasLine": false },
792
+ "height": "350",
793
+ "xAxis": {
794
+ "sortDates": false,
795
+ "type": "categorical",
796
+ "hideAxis": false,
797
+ "hideLabel": false,
798
+ "hideTicks": false,
799
+ "size": "78",
800
+ "tickRotation": "0",
801
+ "min": "",
802
+ "max": "",
803
+ "labelColor": "#333",
804
+ "tickLabelColor": "#333",
805
+ "tickColor": "#333",
806
+ "numTicks": "",
807
+ "labelOffset": 0,
808
+ "axisPadding": 0,
809
+ "padding": 5,
810
+ "dataKey": "Category",
811
+ "label": "Data Points"
812
+ },
813
+ "table": {
814
+ "label": "Data Table",
815
+ "expanded": false,
816
+ "limitHeight": false,
817
+ "height": "",
818
+ "caption": "Testing near-zero fall angles (close to 180\u00b0)",
819
+ "showDownloadUrl": false,
820
+ "showDataTableLink": true,
821
+ "showDownloadLinkBelow": true,
822
+ "download": true,
823
+ "showVertical": true,
824
+ "show": true
825
+ },
826
+ "orientation": "vertical",
827
+ "legend": {
828
+ "hide": false,
829
+ "behavior": "highlight",
830
+ "axisAlign": true,
831
+ "singleRow": false,
832
+ "colorCode": "",
833
+ "reverseLabelOrder": false,
834
+ "description": "Near-zero fall angle line",
835
+ "label": "Series",
836
+ "lineMode": false,
837
+ "verticalSorted": false,
838
+ "highlightOnHover": false,
839
+ "style": "lines",
840
+ "subStyle": "linear blocks",
841
+ "shape": "circle",
842
+ "hideBorder": { "side": false, "topBottom": true },
843
+ "position": "right",
844
+ "hasShape": true
845
+ },
846
+ "exclusions": { "active": false, "keys": [] },
847
+ "palette": "qualitative4",
848
+ "isPaletteReversed": false,
849
+ "labels": true,
850
+ "dataFormat": { "commas": false, "prefix": "", "suffix": "", "abbreviated": false },
851
+ "confidenceKeys": {},
852
+ "visual": {
853
+ "border": true,
854
+ "accent": true,
855
+ "background": true,
856
+ "verticalHoverLine": false,
857
+ "horizontalHoverLine": false,
858
+ "lineDatapointSymbol": "standard"
859
+ },
860
+ "visualizationType": "Line",
861
+ "series": [{ "dataKey": "Near Zero Fall", "type": "Line", "axis": "Left", "tooltip": true }],
862
+ "description": "Testing near-zero fall angles (close to 180\u00b0).",
863
+ "annotations": [],
864
+ "debugSvg": false,
865
+ "chartMessage": { "noData": "No Data Available" },
866
+ "showTitle": true,
867
+ "showDownloadMediaButton": false,
868
+ "lineDatapointColor": "Same as Line",
869
+ "isResponsiveTicks": false,
870
+ "general": {
871
+ "annotationDropdownText": "Annotations",
872
+ "showDownloadButton": false,
873
+ "showMissingDataLabel": true,
874
+ "showSuppressedSymbol": true,
875
+ "showZeroValueData": true,
876
+ "hideNullValue": true,
877
+ "useIntelligentLineChartLabels": true
878
+ },
879
+ "isLegendValue": false,
880
+ "barSpace": 15,
881
+ "heights": { "vertical": 350, "horizontal": 750 },
882
+ "columns": {},
883
+ "brush": { "height": 45, "active": false },
884
+ "useLogScale": false,
885
+ "filterBehavior": "Filter Change",
886
+ "tooltips": { "opacity": 90, "singleSeries": false, "dateDisplayFormat": "" },
887
+ "version": "4.25.1"
888
+ },
889
+ "chart-angle-all-quadrants": {
890
+ "type": "chart",
891
+ "uid": "chart-angle-all-quadrants",
892
+ "dataKey": "all-quadrants-data",
893
+ "title": "All Quadrant Angles Combined",
894
+ "theme": "theme-blue",
895
+ "animate": false,
896
+ "fontSize": "medium",
897
+ "lineDatapointStyle": "always show",
898
+ "visualizationSubType": "regular",
899
+ "padding": { "left": 5, "right": 5 },
900
+ "yAxis": {
901
+ "hideAxis": false,
902
+ "displayNumbersOnBar": false,
903
+ "hideLabel": false,
904
+ "hideTicks": false,
905
+ "size": "68",
906
+ "gridLines": true,
907
+ "enablePadding": false,
908
+ "min": "0",
909
+ "max": "120",
910
+ "labelColor": "#333",
911
+ "tickLabelColor": "#333",
912
+ "tickColor": "#333",
913
+ "numTicks": "",
914
+ "axisPadding": 0,
915
+ "scalePadding": 10,
916
+ "tickRotation": 0,
917
+ "label": "Value"
918
+ },
919
+ "topAxis": { "hasLine": false },
920
+ "height": "450",
921
+ "xAxis": {
922
+ "sortDates": false,
923
+ "type": "categorical",
924
+ "hideAxis": false,
925
+ "hideLabel": false,
926
+ "hideTicks": false,
927
+ "size": "78",
928
+ "tickRotation": "0",
929
+ "min": "",
930
+ "max": "",
931
+ "labelColor": "#333",
932
+ "tickLabelColor": "#333",
933
+ "tickColor": "#333",
934
+ "numTicks": "",
935
+ "labelOffset": 0,
936
+ "axisPadding": 0,
937
+ "padding": 5,
938
+ "dataKey": "Category",
939
+ "label": "Data Points"
940
+ },
941
+ "table": {
942
+ "label": "Data Table",
943
+ "expanded": false,
944
+ "limitHeight": false,
945
+ "height": "",
946
+ "caption": "Data for testing quadrant angle positioning",
947
+ "showDownloadUrl": false,
948
+ "showDataTableLink": true,
949
+ "showDownloadLinkBelow": true,
950
+ "download": true,
951
+ "showVertical": true,
952
+ "show": true
953
+ },
954
+ "orientation": "vertical",
955
+ "legend": {
956
+ "hide": false,
957
+ "behavior": "highlight",
958
+ "axisAlign": true,
959
+ "singleRow": false,
960
+ "colorCode": "",
961
+ "reverseLabelOrder": false,
962
+ "description": "Different series to test various angle scenarios",
963
+ "label": "Test Series",
964
+ "lineMode": false,
965
+ "verticalSorted": false,
966
+ "highlightOnHover": false,
967
+ "style": "lines",
968
+ "subStyle": "linear blocks",
969
+ "shape": "circle",
970
+ "hideBorder": { "side": false, "topBottom": true },
971
+ "position": "right",
972
+ "hasShape": true
973
+ },
974
+ "exclusions": { "active": false, "keys": [] },
975
+ "palette": "qualitative4",
976
+ "isPaletteReversed": false,
977
+ "labels": true,
978
+ "dataFormat": { "commas": false, "prefix": "", "suffix": "", "abbreviated": false },
979
+ "confidenceKeys": {},
980
+ "visual": {
981
+ "border": true,
982
+ "accent": true,
983
+ "background": true,
984
+ "verticalHoverLine": false,
985
+ "horizontalHoverLine": false,
986
+ "lineDatapointSymbol": "standard"
987
+ },
988
+ "visualizationType": "Line",
989
+ "series": [
990
+ { "dataKey": "Steep Upward (Q1)", "type": "Line", "axis": "Left", "tooltip": true },
991
+ { "dataKey": "Gentle Downward (Q2)", "type": "Line", "axis": "Left", "tooltip": true },
992
+ { "dataKey": "Steep Downward (Q3)", "type": "Line", "axis": "Left", "tooltip": true },
993
+ { "dataKey": "Gentle Upward (Q4)", "type": "Line", "axis": "Left", "tooltip": true },
994
+ { "dataKey": "Near Zero Rise", "type": "Line", "axis": "Left", "tooltip": true },
995
+ { "dataKey": "Near Zero Fall", "type": "Line", "axis": "Left", "tooltip": true }
996
+ ],
997
+ "description": "All angle scenarios combined for comparison testing.",
998
+ "annotations": [],
999
+ "debugSvg": false,
1000
+ "chartMessage": { "noData": "No Data Available" },
1001
+ "showTitle": true,
1002
+ "showDownloadMediaButton": false,
1003
+ "lineDatapointColor": "Same as Line",
1004
+ "isResponsiveTicks": false,
1005
+ "general": {
1006
+ "annotationDropdownText": "Annotations",
1007
+ "showDownloadButton": false,
1008
+ "showMissingDataLabel": true,
1009
+ "showSuppressedSymbol": true,
1010
+ "showZeroValueData": true,
1011
+ "hideNullValue": true,
1012
+ "useIntelligentLineChartLabels": true
1013
+ },
1014
+ "isLegendValue": false,
1015
+ "barSpace": 15,
1016
+ "heights": { "vertical": 450, "horizontal": 750 },
1017
+ "columns": {},
1018
+ "brush": { "height": 45, "active": false },
1019
+ "useLogScale": false,
1020
+ "filterBehavior": "Filter Change",
1021
+ "tooltips": { "opacity": 90, "singleSeries": false, "dateDisplayFormat": "" },
1022
+ "version": "4.25.1"
1023
+ }
1024
+ },
1025
+ "table": {
1026
+ "label": "Data Table",
1027
+ "show": false
1028
+ },
1029
+ "version": "4.25.1"
1030
+ }