@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.
- package/dist/{cdcchart-1a1724a1.es.js → cdcchart-dgT_1dIT.es.js} +136 -151
- package/dist/cdcchart.js +44003 -43518
- package/examples/feature/__data__/planet-example-data.json +1 -1
- package/examples/feature/boxplot/valid-boxplot.csv +38 -17
- package/examples/feature/pie/planet-pie-example-config.json +48 -2
- package/examples/private/DEV-11825.json +573 -0
- package/examples/private/DEV-12100.json +1303 -0
- package/examples/private/cat-y.json +1235 -0
- package/examples/private/data-points.json +228 -0
- package/examples/private/height.json +3915 -0
- package/examples/private/links.json +569 -0
- package/examples/private/na.json +913 -0
- package/examples/private/quadrant.txt +30 -0
- package/examples/private/test-data.csv +28 -0
- package/examples/private/test-forecast.json +5510 -0
- package/examples/private/warming-stripe-test.json +2578 -0
- package/examples/private/warming-stripes.json +4763 -0
- package/examples/tech-adoption-with-links.json +560 -0
- package/index.html +16 -140
- package/package.json +6 -5
- package/preview.html +1616 -0
- package/src/CdcChart.tsx +8 -11
- package/src/CdcChartComponent.tsx +329 -124
- package/src/_stories/Chart.Combo.stories.tsx +18 -0
- package/src/_stories/Chart.Forecast.stories.tsx +36 -0
- package/src/_stories/Chart.HTMLInDataTable.stories.tsx +520 -0
- package/src/_stories/Chart.Patterns.stories.tsx +2 -1
- package/src/_stories/Chart.PreserveDecimals.stories.tsx +220 -0
- package/src/_stories/Chart.Regions.Categorical.stories.tsx +148 -0
- package/src/_stories/Chart.Regions.DateScale.stories.tsx +197 -0
- package/src/_stories/Chart.Regions.DateTimeScale.stories.tsx +297 -0
- package/src/_stories/Chart.SmallMultiples.stories.tsx +47 -0
- package/src/_stories/Chart.stories.tsx +8 -0
- package/src/_stories/ChartAnnotation.stories.tsx +6 -3
- package/src/_stories/ChartBar.Editor.stories.tsx +3585 -0
- package/src/_stories/ChartBrush.Editor.stories.tsx +295 -0
- package/src/_stories/ChartBrush.stories.tsx +50 -0
- package/src/_stories/ChartEditor.Editor.stories.tsx +656 -0
- package/src/_stories/ChartEditor.stories.tsx +1 -2
- package/src/_stories/TechAdoptionWithLinks.stories.tsx +27 -0
- package/src/_stories/_mock/brush_enabled.json +326 -0
- package/src/_stories/_mock/brush_mock.json +2 -69
- package/src/_stories/_mock/combo.json +451 -0
- package/src/_stories/_mock/editor-test-configs.json +376 -0
- package/src/_stories/_mock/editor-test-datasets.json +477 -0
- package/src/_stories/_mock/editor-tests/bar-chart-editor-test.json +255 -0
- package/src/_stories/_mock/editor-tests/bar-chart-general-test.json +267 -0
- package/src/_stories/_mock/editor-tests/bar-chart-test.json +237 -0
- package/src/_stories/_mock/forecast_combo_with_gaps.json +913 -0
- package/src/_stories/_mock/horizontal-bars-dynamic-y-axis.json +413 -0
- package/src/_stories/_mock/pie_config.json +257 -62
- package/src/_stories/_mock/small_multiples/small_multiples_bars.json +1944 -0
- package/src/_stories/_mock/small_multiples/small_multiples_big_data_bars.json +1114 -0
- package/src/_stories/_mock/small_multiples/small_multiples_lines.json +2646 -0
- package/src/_stories/_mock/small_multiples/small_multiples_lines_colors.json +1305 -0
- package/src/_stories/_mock/small_multiples/small_multiples_stacked_bars.json +1936 -0
- package/src/components/Annotations/components/findNearestDatum.ts +6 -41
- package/src/components/AreaChart/components/AreaChart.Stacked.jsx +10 -7
- package/src/components/AreaChart/index.tsx +1 -2
- package/src/components/Axis/Categorical.Axis.tsx +6 -7
- package/src/components/BarChart/components/BarChart.Horizontal.tsx +181 -27
- package/src/components/BarChart/components/BarChart.StackedHorizontal.tsx +3 -1
- package/src/components/BarChart/components/BarChart.StackedVertical.tsx +1 -0
- package/src/components/BarChart/components/BarChart.Vertical.tsx +8 -9
- package/src/components/BarChart/components/context.tsx +1 -0
- package/src/components/BarChart/helpers/useBarChart.ts +14 -2
- package/src/components/BoxPlot/helpers/index.ts +3 -3
- package/src/components/Brush/BrushSelector.tsx +1258 -0
- package/src/components/Brush/MiniChartPreview.tsx +283 -0
- package/src/components/DeviationBar.jsx +9 -7
- package/src/components/EditorPanel/EditorPanel.tsx +2720 -2586
- package/src/components/EditorPanel/components/Panels/Panel.Annotate.tsx +96 -111
- package/src/components/EditorPanel/components/Panels/Panel.ForestPlotSettings.tsx +56 -34
- package/src/components/EditorPanel/components/Panels/Panel.General.tsx +76 -31
- package/src/components/EditorPanel/components/Panels/Panel.PatternSettings.tsx +104 -55
- package/src/components/EditorPanel/components/Panels/Panel.Series.tsx +54 -49
- package/src/components/EditorPanel/components/Panels/Panel.SmallMultiples.tsx +427 -0
- package/src/components/EditorPanel/components/Panels/Panel.Visual.tsx +96 -48
- package/src/components/EditorPanel/components/Panels/index.tsx +3 -1
- package/src/components/EditorPanel/editor-panel.scss +0 -20
- package/src/components/EditorPanel/useEditorPermissions.ts +36 -31
- package/src/components/Forecasting/Forecasting.tsx +139 -21
- package/src/components/Legend/Legend.Component.tsx +16 -9
- package/src/components/Legend/Legend.tsx +3 -2
- package/src/components/Legend/helpers/createFormatLabels.tsx +325 -176
- package/src/components/Legend/helpers/getLegendClasses.ts +0 -1
- package/src/components/Legend/helpers/index.ts +10 -6
- package/src/components/LineChart/LineChartProps.ts +0 -3
- package/src/components/LineChart/helpers.ts +1 -1
- package/src/components/LineChart/index.tsx +36 -13
- package/src/components/LinearChart.tsx +559 -499
- package/src/components/PairedBarChart.jsx +20 -3
- package/src/components/Regions/components/Regions.tsx +366 -144
- package/src/components/Sankey/types/index.ts +1 -1
- package/src/components/ScatterPlot/ScatterPlot.jsx +2 -2
- package/src/components/SmallMultiples/SmallMultipleTile.tsx +202 -0
- package/src/components/SmallMultiples/SmallMultiples.css +32 -0
- package/src/components/SmallMultiples/SmallMultiples.tsx +271 -0
- package/src/components/SmallMultiples/index.ts +2 -0
- package/src/components/WarmingStripes/WarmingStripes.tsx +160 -0
- package/src/components/WarmingStripes/WarmingStripesGradientLegend.css +35 -0
- package/src/components/WarmingStripes/WarmingStripesGradientLegend.tsx +104 -0
- package/src/components/WarmingStripes/index.tsx +3 -0
- package/src/data/initial-state.js +16 -2
- package/src/helpers/buildForecastPaletteOptions.ts +0 -38
- package/src/helpers/calculateHorizontalBarCategoryLabelWidth.ts +57 -0
- package/src/helpers/getColorScale.ts +10 -0
- package/src/{hooks/useMinMax.ts → helpers/getMinMax.ts} +26 -14
- package/src/helpers/getYAxisAutoPadding.ts +53 -0
- package/src/helpers/sizeHelpers.ts +0 -20
- package/src/helpers/smallMultiplesHelpers.ts +529 -0
- package/src/hooks/useChartHoverAnalytics.tsx +10 -9
- package/src/hooks/useProgrammaticTooltip.ts +96 -0
- package/src/hooks/useScales.ts +98 -34
- package/src/hooks/useSmallMultipleSynchronization.ts +59 -0
- package/src/hooks/useTooltip.tsx +91 -25
- package/src/scss/DataTable.scss +0 -4
- package/src/scss/main.scss +18 -83
- package/src/store/chart.actions.ts +2 -0
- package/src/store/chart.reducer.ts +4 -0
- package/src/test/CdcChart.test.jsx +1 -1
- package/src/types/ChartConfig.ts +27 -6
- package/src/types/ChartContext.ts +3 -0
- package/src/types/Label.ts +1 -0
- package/src/utils/analyticsTracking.ts +19 -0
- package/LICENSE +0 -201
- package/src/_stories/_mock/pie_data.json +0 -218
- package/src/components/AreaChart/components/AreaChart.jsx +0 -109
- package/src/components/Brush/BrushChart.tsx +0 -128
- package/src/components/Brush/BrushController.tsx +0 -71
- package/src/components/Brush/types.tsx +0 -8
- package/src/components/BrushChart.tsx +0 -223
- package/src/helpers/sort.ts +0 -7
- package/src/hooks/useActiveElement.js +0 -19
- package/src/hooks/useChartClasses.js +0 -41
|
@@ -0,0 +1,237 @@
|
|
|
1
|
+
{
|
|
2
|
+
"type": "chart",
|
|
3
|
+
"debugSvg": false,
|
|
4
|
+
"chartMessage": {
|
|
5
|
+
"noData": "No Data Available"
|
|
6
|
+
},
|
|
7
|
+
"title": "Bar Chart Test",
|
|
8
|
+
"showTitle": true,
|
|
9
|
+
"showDownloadMediaButton": false,
|
|
10
|
+
"theme": "theme-blue",
|
|
11
|
+
"animate": false,
|
|
12
|
+
"fontSize": "medium",
|
|
13
|
+
"lineDatapointStyle": "hover",
|
|
14
|
+
"lineDatapointColor": "Same as Line",
|
|
15
|
+
"barHasBorder": "false",
|
|
16
|
+
"isLollipopChart": false,
|
|
17
|
+
"lollipopShape": "circle",
|
|
18
|
+
"lollipopColorStyle": "two-tone",
|
|
19
|
+
"visualizationSubType": "regular",
|
|
20
|
+
"barStyle": "flat",
|
|
21
|
+
"roundingStyle": "standard",
|
|
22
|
+
"tipRounding": "top",
|
|
23
|
+
"isResponsiveTicks": true,
|
|
24
|
+
"general": {
|
|
25
|
+
"showDownloadButton": false,
|
|
26
|
+
"showMissingDataLabel": false,
|
|
27
|
+
"showSuppressedSymbol": true,
|
|
28
|
+
"showZeroValueData": false,
|
|
29
|
+
"hideNullValue": true
|
|
30
|
+
},
|
|
31
|
+
"padding": {
|
|
32
|
+
"left": 5,
|
|
33
|
+
"right": 5
|
|
34
|
+
},
|
|
35
|
+
"yAxis": {
|
|
36
|
+
"hideAxis": false,
|
|
37
|
+
"displayNumbersOnBar": false,
|
|
38
|
+
"hideLabel": false,
|
|
39
|
+
"hideTicks": false,
|
|
40
|
+
"size": "75",
|
|
41
|
+
"gridLines": false,
|
|
42
|
+
"enablePadding": false,
|
|
43
|
+
"min": "0",
|
|
44
|
+
"max": "100",
|
|
45
|
+
"labelColor": "#333",
|
|
46
|
+
"tickLabelColor": "#333",
|
|
47
|
+
"tickColor": "#333",
|
|
48
|
+
"rightHideAxis": true,
|
|
49
|
+
"rightAxisSize": 0,
|
|
50
|
+
"rightLabel": "",
|
|
51
|
+
"rightLabelOffsetSize": 0,
|
|
52
|
+
"rightAxisLabelColor": "#333",
|
|
53
|
+
"rightAxisTickLabelColor": "#333",
|
|
54
|
+
"rightAxisTickColor": "#333",
|
|
55
|
+
"numTicks": "6",
|
|
56
|
+
"axisPadding": 0,
|
|
57
|
+
"scalePadding": 10,
|
|
58
|
+
"tickRotation": 0,
|
|
59
|
+
"anchors": [],
|
|
60
|
+
"showMissingDataLabel": true,
|
|
61
|
+
"showMissingDataLine": true,
|
|
62
|
+
"categories": [],
|
|
63
|
+
"label": "Values",
|
|
64
|
+
"type": "linear"
|
|
65
|
+
},
|
|
66
|
+
"xAxis": {
|
|
67
|
+
"sortDates": false,
|
|
68
|
+
"anchors": [],
|
|
69
|
+
"type": "categorical",
|
|
70
|
+
"showTargetLabel": true,
|
|
71
|
+
"targetLabel": "Target",
|
|
72
|
+
"hideAxis": false,
|
|
73
|
+
"hideLabel": false,
|
|
74
|
+
"hideTicks": false,
|
|
75
|
+
"size": 75,
|
|
76
|
+
"tickRotation": 0,
|
|
77
|
+
"min": "",
|
|
78
|
+
"max": "",
|
|
79
|
+
"labelColor": "#333",
|
|
80
|
+
"tickLabelColor": "#333",
|
|
81
|
+
"tickColor": "#333",
|
|
82
|
+
"numTicks": "",
|
|
83
|
+
"labelOffset": 0,
|
|
84
|
+
"axisPadding": 200,
|
|
85
|
+
"target": 0,
|
|
86
|
+
"maxTickRotation": 0,
|
|
87
|
+
"padding": 5,
|
|
88
|
+
"showYearsOnce": false,
|
|
89
|
+
"sortByRecentDate": false,
|
|
90
|
+
"dataKey": "Category",
|
|
91
|
+
"label": "Category",
|
|
92
|
+
"manual": true
|
|
93
|
+
},
|
|
94
|
+
"table": {
|
|
95
|
+
"label": "Data Table",
|
|
96
|
+
"expanded": false,
|
|
97
|
+
"limitHeight": false,
|
|
98
|
+
"height": "",
|
|
99
|
+
"caption": "",
|
|
100
|
+
"showDownloadUrl": false,
|
|
101
|
+
"showDataTableLink": true,
|
|
102
|
+
"showDownloadLinkBelow": true,
|
|
103
|
+
"indexLabel": "",
|
|
104
|
+
"download": true,
|
|
105
|
+
"showVertical": false,
|
|
106
|
+
"dateDisplayFormat": "",
|
|
107
|
+
"showMissingDataLabel": true,
|
|
108
|
+
"showSuppressedSymbol": true,
|
|
109
|
+
"show": true
|
|
110
|
+
},
|
|
111
|
+
"orientation": "vertical",
|
|
112
|
+
"color": "pinkpurple",
|
|
113
|
+
"columns": {},
|
|
114
|
+
"legend": {
|
|
115
|
+
"hide": false,
|
|
116
|
+
"behavior": "isolate",
|
|
117
|
+
"axisAlign": true,
|
|
118
|
+
"singleRow": true,
|
|
119
|
+
"colorCode": "",
|
|
120
|
+
"reverseLabelOrder": false,
|
|
121
|
+
"description": "",
|
|
122
|
+
"dynamicLegend": false,
|
|
123
|
+
"dynamicLegendDefaultText": "Show All",
|
|
124
|
+
"dynamicLegendItemLimit": 5,
|
|
125
|
+
"dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
|
|
126
|
+
"dynamicLegendChartMessage": "Select Options from the Legend",
|
|
127
|
+
"label": "",
|
|
128
|
+
"lineMode": false,
|
|
129
|
+
"verticalSorted": false,
|
|
130
|
+
"highlightOnHover": false,
|
|
131
|
+
"hideSuppressedLabels": false,
|
|
132
|
+
"hideSuppressionLink": false,
|
|
133
|
+
"seriesHighlight": [],
|
|
134
|
+
"style": "boxes",
|
|
135
|
+
"subStyle": "linear blocks",
|
|
136
|
+
"shape": "circle",
|
|
137
|
+
"tickRotation": "",
|
|
138
|
+
"hideBorder": {
|
|
139
|
+
"side": false,
|
|
140
|
+
"topBottom": true
|
|
141
|
+
},
|
|
142
|
+
"position": "right"
|
|
143
|
+
},
|
|
144
|
+
"brush": {
|
|
145
|
+
"height": 25,
|
|
146
|
+
"active": false
|
|
147
|
+
},
|
|
148
|
+
"exclusions": {
|
|
149
|
+
"active": false,
|
|
150
|
+
"keys": []
|
|
151
|
+
},
|
|
152
|
+
"palette": "qualitative-bold",
|
|
153
|
+
"isPaletteReversed": false,
|
|
154
|
+
"twoColor": {
|
|
155
|
+
"palette": "monochrome-1",
|
|
156
|
+
"isPaletteReversed": false
|
|
157
|
+
},
|
|
158
|
+
"labels": false,
|
|
159
|
+
"dataFormat": {
|
|
160
|
+
"commas": false,
|
|
161
|
+
"prefix": "",
|
|
162
|
+
"suffix": "",
|
|
163
|
+
"abbreviated": false,
|
|
164
|
+
"bottomSuffix": "",
|
|
165
|
+
"bottomPrefix": "",
|
|
166
|
+
"bottomAbbreviated": false,
|
|
167
|
+
"roundTo": "1"
|
|
168
|
+
},
|
|
169
|
+
"confidenceKeys": {
|
|
170
|
+
"upper": "",
|
|
171
|
+
"lower": ""
|
|
172
|
+
},
|
|
173
|
+
"visual": {
|
|
174
|
+
"border": true,
|
|
175
|
+
"accent": true,
|
|
176
|
+
"background": true,
|
|
177
|
+
"verticalHoverLine": false,
|
|
178
|
+
"horizontalHoverLine": false,
|
|
179
|
+
"lineDatapointSymbol": "none",
|
|
180
|
+
"maximumShapeAmount": 7
|
|
181
|
+
},
|
|
182
|
+
"useLogScale": false,
|
|
183
|
+
"filterBehavior": "Filter Change",
|
|
184
|
+
"highlightedBarValues": [],
|
|
185
|
+
"series": [
|
|
186
|
+
{
|
|
187
|
+
"dataKey": "Series A",
|
|
188
|
+
"type": "Bar",
|
|
189
|
+
"axis": "Left",
|
|
190
|
+
"tooltip": true
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"dataKey": "Series B",
|
|
194
|
+
"type": "Bar",
|
|
195
|
+
"axis": "Left",
|
|
196
|
+
"tooltip": true
|
|
197
|
+
},
|
|
198
|
+
{
|
|
199
|
+
"dataKey": "Series C",
|
|
200
|
+
"type": "Bar",
|
|
201
|
+
"axis": "Left",
|
|
202
|
+
"tooltip": true
|
|
203
|
+
}
|
|
204
|
+
],
|
|
205
|
+
"tooltips": {
|
|
206
|
+
"opacity": 90,
|
|
207
|
+
"singleSeries": false,
|
|
208
|
+
"dateDisplayFormat": ""
|
|
209
|
+
},
|
|
210
|
+
"visualizationType": "Bar",
|
|
211
|
+
"data": [
|
|
212
|
+
{
|
|
213
|
+
"Category": "Q1",
|
|
214
|
+
"Series A": 25,
|
|
215
|
+
"Series B": 35,
|
|
216
|
+
"Series C": 15
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
"Category": "Q2",
|
|
220
|
+
"Series A": 30,
|
|
221
|
+
"Series B": 25,
|
|
222
|
+
"Series C": 20
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
"Category": "Q3",
|
|
226
|
+
"Series A": 20,
|
|
227
|
+
"Series B": 30,
|
|
228
|
+
"Series C": 25
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"Category": "Q4",
|
|
232
|
+
"Series A": 35,
|
|
233
|
+
"Series B": 20,
|
|
234
|
+
"Series C": 30
|
|
235
|
+
}
|
|
236
|
+
]
|
|
237
|
+
}
|