@cdc/chart 4.22.11 → 4.23.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 (38) hide show
  1. package/dist/495.js +3 -0
  2. package/dist/703.js +1 -0
  3. package/dist/cdcchart.js +723 -6
  4. package/examples/box-plot-data.json +71 -0
  5. package/examples/box-plot.csv +5 -0
  6. package/examples/{private/yaxis-test.json → box-plot.json} +47 -56
  7. package/examples/gallery/bar-chart-vertical/combo-line-chart.json +3 -1
  8. package/examples/gallery/bar-chart-vertical/vertical-bar-chart.json +85 -16
  9. package/examples/new-data.csv +17 -0
  10. package/examples/newdata.json +90 -0
  11. package/package.json +3 -2
  12. package/src/CdcChart.tsx +150 -94
  13. package/src/components/BarChart.tsx +156 -226
  14. package/src/components/BoxPlot.js +92 -0
  15. package/src/components/DataTable.tsx +28 -12
  16. package/src/components/EditorPanel.js +151 -104
  17. package/src/components/Filters.js +131 -0
  18. package/src/components/Legend.js +8 -1
  19. package/src/components/LineChart.tsx +64 -13
  20. package/src/components/LinearChart.tsx +120 -81
  21. package/src/components/PairedBarChart.tsx +1 -1
  22. package/src/components/PieChart.tsx +12 -2
  23. package/src/components/useIntersectionObserver.tsx +9 -7
  24. package/src/data/initial-state.js +14 -8
  25. package/src/hooks/useReduceData.ts +8 -5
  26. package/src/index.html +51 -51
  27. package/src/scss/DataTable.scss +1 -1
  28. package/src/scss/main.scss +53 -22
  29. package/examples/private/filters.json +0 -170
  30. package/examples/private/line-test-data.json +0 -22
  31. package/examples/private/line-test-two.json +0 -210
  32. package/examples/private/line-test.json +0 -102
  33. package/examples/private/new.json +0 -48800
  34. package/examples/private/newtest.csv +0 -101
  35. package/examples/private/shawn.json +0 -1106
  36. package/examples/private/test.json +0 -10124
  37. package/examples/private/yaxis-testing.csv +0 -27
  38. package/examples/private/yaxis.json +0 -28
package/examples/private/line-test-two.json DELETED
@@ -1,210 +0,0 @@
1
- {
2
- "type": "chart",
3
- "title": "Planet Radius (Bar Example)",
4
- "theme": "theme-blue",
5
- "fontSize": "medium",
6
- "lineDatapointStyle": "always show",
7
- "barHasBorder": "false",
8
- "isLollipopChart": false,
9
- "lollipopShape": "circle",
10
- "lollipopColorStyle": "two-tone",
11
- "visualizationSubType": "stacked",
12
- "barStyle": "",
13
- "roundingStyle": "standard",
14
- "tipRounding": "top",
15
- "padding": {
16
- "left": 5,
17
- "right": 5
18
- },
19
- "yAxis": {
20
- "hideAxis": false,
21
- "displayNumbersOnBar": false,
22
- "hideLabel": false,
23
- "hideTicks": false,
24
- "size": 50,
25
- "gridLines": false,
26
- "min": "",
27
- "max": "",
28
- "type": "chart",
29
- "title": "Planet Radius (Bar Example)",
30
- "theme": "theme-blue",
31
- "fontSize": "medium",
32
- "lineDatapointStyle": "always show",
33
- "barHasBorder": "false",
34
- "isLollipopChart": false,
35
- "lollipopShape": "circle",
36
- "lollipopColorStyle": "two-tone",
37
- "visualizationSubType": "stacked",
38
- "barStyle": "",
39
- "roundingStyle": "standard",
40
- "tipRounding": "top",
41
- "padding": {
42
- "left": 5,
43
- "right": 5
44
- },
45
- "yAxis": {
46
- "hideAxis": false,
47
- "displayNumbersOnBar": false,
48
- "hideLabel": false,
49
- "hideTicks": false,
50
- "size": 50,
51
- "gridLines": false,
52
- "min": "",
53
- "max": "",
54
- "label": "Measurement (1000km)"
55
- },
56
- "barThickness": 0.35,
57
- "barHeight": 25,
58
- "height": 585,
59
- "xAxis": {
60
- "type": "categorical",
61
- "hideAxis": false,
62
- "hideLabel": false,
63
- "hideTicks": false,
64
- "size": 75,
65
- "tickRotation": 30,
66
- "min": "",
67
- "max": "",
68
- "label": "Planet",
69
- "dataKey": "name"
70
- },
71
- "table": {
72
- "label": "Data Table",
73
- "expanded": false,
74
- "show": true
75
- },
76
- "orientation": "horizontal",
77
- "legend": {
78
- "behavior": "isolate",
79
- "position": "right",
80
- "reverseLabelOrder": false,
81
- "hide": false
82
- },
83
- "exclusions": {
84
- "active": false,
85
- "keys": []
86
- },
87
- "palette": "qualitative-bold",
88
- "isPaletteReversed": false,
89
- "labels": false,
90
- "dataFormat": {
91
- "commas": false,
92
- "prefix": "",
93
- "suffix": "km",
94
- "roundTo": 1
95
- },
96
- "confidenceKeys": {},
97
- "dataUrl": "/examples/planet-example-data.json",
98
- "visualizationType": "Bar",
99
- "series": [
100
- {
101
- "dataKey": "Radius"
102
- },
103
- {
104
- "dataKey": "Diameter"
105
- }
106
- ],
107
- "dataCutoff": "0.5",
108
- "runtime": {
109
- "seriesLabels": {
110
- "Radius": "Radius",
111
- "Diameter": "Diameter"
112
- },
113
- "seriesLabelsAll": ["Radius", "Diameter"],
114
- "originalXAxis": {
115
- "type": "categorical",
116
- "hideAxis": false,
117
- "hideLabel": false,
118
- "hideTicks": false,
119
- "size": 75,
120
- "tickRotation": 30,
121
- "min": "",
122
- "max": "",
123
- "label": "Planet",
124
- "dataKey": "name"
125
- },
126
- "seriesKeys": ["Radius", "Diameter"],
127
- "xAxis": {
128
- "hideAxis": false,
129
- "displayNumbersOnBar": false,
130
- "hideLabel": false,
131
- "hideTicks": false,
132
- "size": 50,
133
- "gridLines": false,
134
- "min": "",
135
- "max": "",
136
- "label": "Measurement (1000km)"
137
- },
138
- "yAxis": {
139
- "type": "categorical",
140
- "hideAxis": false,
141
- "hideLabel": false,
142
- "hideTicks": false,
143
- "size": 75,
144
- "tickRotation": 30,
145
- "min": "",
146
- "max": "",
147
- "label": "Planet",
148
- "dataKey": "name"
149
- },
150
- "horizontal": true,
151
- "uniqueId": 1663785202233,
152
- "editorErrorMessage": ""
153
- },
154
- "barPadding": 40,
155
- "labelPlacement": "Below Bar"
156
- },
157
- "barThickness": 0.35,
158
- "barHeight": 25,
159
- "height": 585,
160
- "xAxis": {
161
- "type": "categorical",
162
- "hideAxis": false,
163
- "hideLabel": false,
164
- "hideTicks": false,
165
- "size": 75,
166
- "tickRotation": 30,
167
- "min": "",
168
- "max": "",
169
- "label": "Planet",
170
- "dataKey": "name"
171
- },
172
- "table": {
173
- "label": "Data Table",
174
- "expanded": false,
175
- "show": true
176
- },
177
- "orientation": "horizontal",
178
- "legend": {
179
- "behavior": "isolate",
180
- "position": "right",
181
- "reverseLabelOrder": false,
182
- "hide": false
183
- },
184
- "exclusions": {
185
- "active": false,
186
- "keys": []
187
- },
188
- "palette": "qualitative-bold",
189
- "isPaletteReversed": false,
190
- "labels": false,
191
- "dataFormat": {
192
- "commas": false,
193
- "prefix": "",
194
- "suffix": "km",
195
- "roundTo": 1
196
- },
197
- "confidenceKeys": {},
198
- "dataUrl": "/examples/planet-example-data.json",
199
- "visualizationType": "Line",
200
- "series": [
201
- {
202
- "dataKey": "Radius"
203
- },
204
- {
205
- "dataKey": "Diameter"
206
- }
207
- ],
208
- "dataCutoff": "0.5",
209
- "barPadding": 40
210
- }
package/examples/private/line-test.json DELETED
@@ -1,102 +0,0 @@
1
- {
2
- "type": "chart",
3
- "title": "",
4
- "theme": "theme-blue",
5
- "fontSize": "medium",
6
- "lineDatapointStyle": "hover",
7
- "barHasBorder": "false",
8
- "isLollipopChart": false,
9
- "lollipopShape": "circle",
10
- "lollipopColorStyle": "two-tone",
11
- "visualizationSubType": "regular",
12
- "barStyle": "",
13
- "roundingStyle": "standard",
14
- "tipRounding": "top",
15
- "padding": {
16
- "left": 5,
17
- "right": 5
18
- },
19
- "yAxis": {
20
- "hideAxis": false,
21
- "displayNumbersOnBar": false,
22
- "hideLabel": false,
23
- "hideTicks": false,
24
- "size": 50,
25
- "gridLines": false,
26
- "min": "",
27
- "max": "",
28
- "label": "Number"
29
- },
30
- "barThickness": 0.35,
31
- "barHeight": 25,
32
- "height": 300,
33
- "xAxis": {
34
- "type": "date",
35
- "hideAxis": false,
36
- "hideLabel": false,
37
- "hideTicks": false,
38
- "size": 75,
39
- "tickRotation": 0,
40
- "min": "",
41
- "max": "",
42
- "dataKey": "Date",
43
- "dateParseFormat": "%m/%d/%Y",
44
- "dateDisplayFormat": "%m/%d/%Y"
45
- },
46
- "table": {
47
- "label": "Data Table",
48
- "expanded": true,
49
- "limitHeight": false,
50
- "height": "",
51
- "show": true
52
- },
53
- "orientation": "vertical",
54
- "legend": {
55
- "behavior": "isolate",
56
- "position": "right",
57
- "reverseLabelOrder": false
58
- },
59
- "exclusions": {
60
- "active": false,
61
- "keys": []
62
- },
63
- "palette": "qualitative-bold",
64
- "isPaletteReversed": false,
65
- "labels": false,
66
- "dataFormat": {
67
- "commas": false,
68
- "prefix": "",
69
- "suffix": ""
70
- },
71
- "confidenceKeys": {},
72
- "datasets": {},
73
- "visualizationType": "Line",
74
- "data": [
75
- {
76
- "Number": "11.0",
77
- "Date": "9/1/2022"
78
- },
79
- {
80
- "Number": "12.2",
81
- "Date": "9/2/2022"
82
- },
83
- {
84
- "Number": "13.6",
85
- "Date": "9/4/2022"
86
- },
87
- {
88
- "Number": "",
89
- "Date": "9/5/2022"
90
- },
91
- {
92
- "Number": "6.4",
93
- "Date": "9/6/2022"
94
- }
95
- ],
96
- "series": [
97
- {
98
- "dataKey": "Number",
99
- "type": "Bar"
100
- }
101
- ]
102
- }