@cdc/chart 4.23.8 → 4.23.10-alpha

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 (42) hide show
  1. package/dist/cdcchart.js +43990 -44283
  2. package/examples/feature/__data__/area-chart-date-apple.json +1 -5073
  3. package/examples/feature/area/area-chart-date-apple.json +73 -10316
  4. package/examples/feature/area/area-chart-date-city-temperature.json +204 -80
  5. package/examples/{private/confidence_interval_test.json → feature/area/area-chart-stacked.json} +65 -74
  6. package/examples/feature/bar/lollipop.json +156 -0
  7. package/examples/feature/combo/planet-combo-example-config.json +99 -9
  8. package/examples/feature/filters/bar-filter.json +5027 -0
  9. package/examples/feature/legend-highlights/highlights.json +567 -0
  10. package/examples/private/TESTING.json +0 -0
  11. package/examples/private/forest-plot.json +356 -0
  12. package/examples/private/{tooltip-issue.json → full.json} +25288 -25239
  13. package/examples/private/missing-color.json +333 -0
  14. package/index.html +30 -8
  15. package/package.json +3 -2
  16. package/src/{CdcChart.jsx → CdcChart.tsx} +81 -74
  17. package/src/_stories/Chart.stories.tsx +188 -0
  18. package/src/components/AreaChart.Stacked.jsx +73 -0
  19. package/src/components/AreaChart.jsx +24 -26
  20. package/src/components/BarChart.StackedVertical.jsx +2 -0
  21. package/src/components/DeviationBar.jsx +67 -13
  22. package/src/components/EditorPanel.jsx +493 -454
  23. package/src/components/Forecasting.jsx +5 -5
  24. package/src/components/ForestPlotSettings.jsx +5 -6
  25. package/src/components/Legend.jsx +18 -9
  26. package/src/components/LineChart.Circle.tsx +102 -0
  27. package/src/components/{LineChart.jsx → LineChart.tsx} +9 -48
  28. package/src/components/LinearChart.jsx +460 -443
  29. package/src/components/PieChart.jsx +54 -25
  30. package/src/components/Series.jsx +63 -17
  31. package/src/components/SparkLine.jsx +7 -19
  32. package/src/data/initial-state.js +10 -1
  33. package/src/hooks/useBarChart.js +1 -1
  34. package/src/hooks/useEditorPermissions.js +87 -24
  35. package/src/hooks/useLegendClasses.js +14 -11
  36. package/src/hooks/useReduceData.js +6 -1
  37. package/src/hooks/useScales.js +4 -4
  38. package/src/hooks/useTooltip.jsx +21 -8
  39. package/src/scss/legend.scss +206 -0
  40. package/src/scss/main.scss +25 -24
  41. package/src/components/DataTable.jsx +0 -374
  42. /package/src/{components → hooks}/useIntersectionObserver.jsx +0 -0
package/examples/feature/combo/planet-combo-example-config.json CHANGED
@@ -1,6 +1,13 @@
1
1
  {
2
2
  "type": "chart",
3
+ "debugSvg": false,
4
+ "chartMessage": {
5
+ "noData": "No Data Available"
6
+ },
3
7
  "title": "Planet Radius (Combo Example)",
8
+ "showTitle": true,
9
+ "showDownloadMediaButton": false,
10
+ "showChartBrush": false,
4
11
  "theme": "theme-blue",
5
12
  "animate": true,
6
13
  "fontSize": "medium",
@@ -13,6 +20,10 @@
13
20
  "barStyle": "",
14
21
  "roundingStyle": "standard",
15
22
  "tipRounding": "top",
23
+ "isResponsiveTicks": false,
24
+ "general": {
25
+ "showDownloadButton": false
26
+ },
16
27
  "padding": {
17
28
  "left": 0,
18
29
  "right": 0
@@ -24,6 +35,7 @@
24
35
  "hideTicks": false,
25
36
  "size": 50,
26
37
  "gridLines": false,
38
+ "enablePadding": false,
27
39
  "min": "",
28
40
  "max": "",
29
41
  "labelColor": "#333",
@@ -39,6 +51,7 @@
39
51
  "numTicks": "",
40
52
  "axisPadding": 0,
41
53
  "tickRotation": 0,
54
+ "anchors": [],
42
55
  "label": "Measurement (1000km)"
43
56
  },
44
57
  "boxplot": {
@@ -81,7 +94,11 @@
81
94
  "horizontal": 750
82
95
  },
83
96
  "xAxis": {
97
+ "sortDates": false,
98
+ "anchors": [],
84
99
  "type": "categorical",
100
+ "showTargetLabel": true,
101
+ "targetLabel": "Target",
85
102
  "hideAxis": false,
86
103
  "hideLabel": false,
87
104
  "hideTicks": false,
@@ -95,6 +112,8 @@
95
112
  "numTicks": "",
96
113
  "labelOffset": 65,
97
114
  "axisPadding": 0,
115
+ "target": 0,
116
+ "maxTickRotation": 0,
98
117
  "label": "Planet",
99
118
  "dataKey": "name"
100
119
  },
@@ -105,12 +124,17 @@
105
124
  "height": "",
106
125
  "caption": "",
107
126
  "showDownloadUrl": false,
127
+ "showDataTableLink": true,
128
+ "indexLabel": "",
129
+ "download": false,
130
+ "showVertical": false,
108
131
  "show": true
109
132
  },
110
133
  "orientation": "vertical",
134
+ "color": "pinkpurple",
135
+ "columns": {},
111
136
  "legend": {
112
137
  "behavior": "isolate",
113
- "position": "right",
114
138
  "singleRow": false,
115
139
  "colorCode": "",
116
140
  "reverseLabelOrder": false,
@@ -120,6 +144,9 @@
120
144
  "dynamicLegendItemLimit": 5,
121
145
  "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
122
146
  "dynamicLegendChartMessage": "Select Options from the Legend",
147
+ "lineMode": false,
148
+ "verticalSorted": false,
149
+ "position": "right",
123
150
  "hide": false
124
151
  },
125
152
  "exclusions": {
@@ -128,32 +155,95 @@
128
155
  },
129
156
  "palette": "qualitative-bold",
130
157
  "isPaletteReversed": false,
158
+ "twoColor": {
159
+ "palette": "monochrome-1",
160
+ "isPaletteReversed": false
161
+ },
131
162
  "labels": false,
132
163
  "dataFormat": {
133
164
  "commas": false,
134
165
  "prefix": "",
135
166
  "suffix": "km",
136
167
  "abbreviated": false,
168
+ "bottomSuffix": "",
169
+ "bottomPrefix": "",
170
+ "bottomAbbreviated": false,
137
171
  "roundTo": 1
138
172
  },
139
173
  "confidenceKeys": {},
140
174
  "visual": {
141
175
  "border": true,
142
176
  "accent": true,
143
- "background": true
177
+ "background": true,
178
+ "verticalHoverLine": false,
179
+ "horizontalHoverLine": false
144
180
  },
145
- "dataUrl": "/examples/feature/__data__/planet-example-data.json",
146
- "animateReplay": true,
147
- "visualizationType": "Combo",
181
+ "useLogScale": false,
182
+ "filterBehavior": "Filter Change",
183
+ "highlightedBarValues": [],
148
184
  "series": [
149
185
  {
150
186
  "dataKey": "Radius",
151
- "type": "Line",
152
- "axis": "Right"
187
+ "type": "Bar",
188
+ "axis": "Right",
189
+ "tooltip": true
153
190
  },
154
191
  {
155
192
  "dataKey": "Diameter",
156
- "type": "Bar"
193
+ "type": "Line",
194
+ "tooltip": true
157
195
  }
158
- ]
196
+ ],
197
+ "tooltips": {
198
+ "opacity": 90
199
+ },
200
+ "forestPlot": {
201
+ "startAt": 0,
202
+ "width": "auto",
203
+ "colors": {
204
+ "line": "",
205
+ "shape": ""
206
+ },
207
+ "estimateField": "",
208
+ "estimateRadius": "",
209
+ "lowerCiField": "",
210
+ "upperCiField": "",
211
+ "shape": "",
212
+ "rowHeight": 20,
213
+ "showZeroLine": false,
214
+ "description": {
215
+ "show": true,
216
+ "text": "description",
217
+ "location": 0
218
+ },
219
+ "result": {
220
+ "show": true,
221
+ "text": "result",
222
+ "location": 100
223
+ },
224
+ "radius": {
225
+ "min": 1,
226
+ "max": 8,
227
+ "scalingColumn": ""
228
+ },
229
+ "regression": {
230
+ "lower": 0,
231
+ "upper": 0,
232
+ "estimateField": 0
233
+ },
234
+ "leftWidthOffset": 0,
235
+ "rightWidthOffset": 0
236
+ },
237
+ "brush": {
238
+ "pattern_id": "brush_pattern",
239
+ "accent_color": "#ddd"
240
+ },
241
+ "area": {
242
+ "isStacked": false
243
+ },
244
+ "dataUrl": "/examples/feature/__data__/planet-example-data.json",
245
+ "animateReplay": true,
246
+ "visualizationType": "Combo",
247
+ "validated": 4.23,
248
+ "dynamicMarginTop": 0
159
249
  }