@@ -25,68 +25,74 @@ define([
25
25
//========================================================================
26
26
'scatter' : {
27
27
name : 'Scatter Plot' ,
28
- code : '${allocateTo} = px.scatter(${data}${x}${y}${etc})' ,
28
+ code : '${allocateTo} = px.scatter(${data}${x}${y}${color}${ etc})' ,
29
29
description : 'Draw a scatter plot with possibility of several semantic groupings.' ,
30
30
options : [
31
31
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
32
32
{ name : 'x' , component : [ 'col_select' ] , usePair : true } ,
33
33
{ name : 'y' , component : [ 'col_select' ] , usePair : true } ,
34
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
34
35
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
35
36
]
36
37
} ,
37
38
'line' : {
38
39
name : 'Line Plot' ,
39
- code : '${allocateTo} = px.line(${data}${x}${y}${etc})' ,
40
+ code : '${allocateTo} = px.line(${data}${x}${y}${color}${ etc})' ,
40
41
description : 'Draw a line plot with possibility of several semantic groupings.' ,
41
42
options : [
42
43
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
43
44
{ name : 'x' , component : [ 'col_select' ] , usePair : true } ,
44
45
{ name : 'y' , component : [ 'col_select' ] , usePair : true } ,
46
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
45
47
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
46
48
]
47
49
} ,
48
50
'area' : {
49
51
name : 'Line Plot' ,
50
- code : '${allocateTo} = px.area(${data}${x}${y}${etc})' ,
52
+ code : '${allocateTo} = px.area(${data}${x}${y}${color}${ etc})' ,
51
53
description : 'Draw a area plot.' ,
52
54
options : [
53
55
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
54
56
{ name : 'x' , component : [ 'col_select' ] , usePair : true } ,
55
57
{ name : 'y' , component : [ 'col_select' ] , usePair : true } ,
58
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
56
59
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
57
60
]
58
61
} ,
59
62
'bar' : {
60
63
name : 'Bar Plot' ,
61
- code : '${allocateTo} = px.bar(${data}${x}${y}${etc})' ,
64
+ code : '${allocateTo} = px.bar(${data}${x}${y}${color}${ etc})' ,
62
65
description : 'Draw a bar plot.' ,
63
66
options : [
64
67
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
65
68
{ name : 'x' , component : [ 'col_select' ] , usePair : true } ,
66
69
{ name : 'y' , component : [ 'col_select' ] , usePair : true } ,
70
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
67
71
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
68
72
]
69
73
} ,
70
74
'funnel' : {
71
75
name : 'Funnel Plot' ,
72
- code : '${allocateTo} = px.funnel(${data}${x}${y}${etc})' ,
76
+ code : '${allocateTo} = px.funnel(${data}${x}${y}${color}${ etc})' ,
73
77
description : 'Draw a funnel plot.' ,
74
78
options : [
75
79
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
76
80
{ name : 'x' , component : [ 'col_select' ] , usePair : true } ,
77
81
{ name : 'y' , component : [ 'col_select' ] , usePair : true } ,
82
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
78
83
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
79
84
]
80
85
} ,
81
86
'timeline' : {
82
87
name : 'Timeline Plot' ,
83
- code : '${allocateTo} = px.timeline(${data}${x_start}${x_end}${y}${etc})' ,
88
+ code : '${allocateTo} = px.timeline(${data}${x_start}${x_end}${y}${color}${ etc})' ,
84
89
description : 'Draw a timeline plot.' ,
85
90
options : [
86
91
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
87
92
{ name : 'x_start' , label : 'X start' , component : [ 'col_select' ] , usePair : true } ,
88
93
{ name : 'x_end' , label : 'X end' , component : [ 'col_select' ] , usePair : true } ,
89
94
{ name : 'y' , component : [ 'col_select' ] , usePair : true } ,
95
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
90
96
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
91
97
]
92
98
} ,
@@ -95,62 +101,67 @@ define([
95
101
//========================================================================
96
102
'pie' : {
97
103
name : 'Pie Plot' ,
98
- code : '${allocateTo} = px.pie(${data}${values}${names}${etc})' ,
104
+ code : '${allocateTo} = px.pie(${data}${values}${names}${color}${ etc})' ,
99
105
description : 'Draw a pie plot.' ,
100
106
options : [
101
107
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
102
108
{ name : 'values' , label : 'Values' , component : [ 'col_select' ] , usePair : true } ,
103
109
{ name : 'names' , label : 'Names' , component : [ 'col_select' ] , usePair : true } ,
110
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
104
111
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
105
112
]
106
113
} ,
107
114
'sunburst' : {
108
115
name : 'Sunburst' ,
109
- code : '${allocateTo} = px.sunburst(${data}${values}${names}${parents}${path}${etc})' ,
116
+ code : '${allocateTo} = px.sunburst(${data}${values}${names}${color}${ parents}${path}${etc})' ,
110
117
description : 'Draw a sunburst plot.' ,
111
118
options : [
112
119
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
113
120
{ name : 'values' , label : 'Values' , component : [ 'col_select' ] , usePair : true } ,
114
121
{ name : 'names' , label : 'Names' , component : [ 'col_select' ] , usePair : true } ,
122
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
115
123
{ name : 'parents' , label : 'Parents' , component : [ 'col_select' ] , usePair : true } ,
116
124
{ name : 'path' , label : 'Path' , component : [ 'data_select' ] , var_type : [ 'ndarray' , 'list' ] , usePair : true } ,
117
125
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
118
126
]
119
127
} ,
120
128
'treemap' : {
121
129
name : 'Treemap' ,
122
- code : '${allocateTo} = px.treemap(${data}${values}${names}${parents}${path}${etc})' ,
130
+ code : '${allocateTo} = px.treemap(${data}${values}${names}${color}${ parents}${path}${etc})' ,
123
131
description : 'Draw a treemap plot.' ,
124
132
options : [
125
133
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
126
134
{ name : 'values' , label : 'Values' , component : [ 'col_select' ] , usePair : true } ,
127
135
{ name : 'names' , label : 'Names' , component : [ 'col_select' ] , usePair : true } ,
136
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
128
137
{ name : 'parents' , label : 'Parents' , component : [ 'col_select' ] , usePair : true } ,
129
138
{ name : 'path' , label : 'Path' , component : [ 'data_select' ] , var_type : [ 'ndarray' , 'list' ] , usePair : true } ,
130
139
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
131
140
]
132
141
} ,
133
142
'icicle' : {
134
143
name : 'Icicle' ,
135
- code : '${allocateTo} = px.icicle(${data}${values}${names}${parents}${path}${etc})' ,
144
+ code : '${allocateTo} = px.icicle(${data}${values}${names}${color}${ parents}${path}${etc})' ,
136
145
description : 'Draw a icicle plot.' ,
137
146
options : [
138
147
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
139
148
{ name : 'values' , label : 'Values' , component : [ 'col_select' ] , usePair : true } ,
140
149
{ name : 'names' , label : 'Names' , component : [ 'col_select' ] , usePair : true } ,
150
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
141
151
{ name : 'parents' , label : 'Parents' , component : [ 'col_select' ] , usePair : true } ,
142
152
{ name : 'path' , label : 'Path' , component : [ 'data_select' ] , var_type : [ 'ndarray' , 'list' ] , usePair : true } ,
143
153
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
144
154
]
145
155
} ,
146
156
'funnel_area' : {
147
157
name : 'Funnel area' ,
148
- code : '${allocateTo} = px.funnel_area(${data}${values}${names}${etc})' ,
158
+ code : '${allocateTo} = px.funnel_area(${data}${values}${names}${color}${ etc})' ,
149
159
description : 'Draw a funnel area.' ,
150
160
options : [
151
161
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
152
162
{ name : 'values' , label : 'Values' , component : [ 'col_select' ] , usePair : true } ,
153
163
{ name : 'names' , label : 'Names' , component : [ 'col_select' ] , usePair : true } ,
164
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
154
165
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
155
166
]
156
167
} ,
@@ -159,56 +170,61 @@ define([
159
170
//========================================================================
160
171
'histogram' : {
161
172
name : 'Histogram' ,
162
- code : '${allocateTo} = px.histogram(${data}${x}${y}${etc})' ,
173
+ code : '${allocateTo} = px.histogram(${data}${x}${y}${color}${ etc})' ,
163
174
description : 'Draw a histogram plot.' ,
164
175
options : [
165
176
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
166
177
{ name : 'x' , component : [ 'col_select' ] , usePair : true } ,
167
178
{ name : 'y' , component : [ 'col_select' ] , usePair : true } ,
179
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
168
180
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
169
181
]
170
182
} ,
171
183
'box' : {
172
184
name : 'Box plot' ,
173
- code : '${allocateTo} = px.box(${data}${x}${y}${etc})' ,
185
+ code : '${allocateTo} = px.box(${data}${x}${y}${color}${ etc})' ,
174
186
description : 'Draw a box plot.' ,
175
187
options : [
176
188
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
177
189
{ name : 'x' , component : [ 'col_select' ] , usePair : true } ,
178
190
{ name : 'y' , component : [ 'col_select' ] , usePair : true } ,
191
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
179
192
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
180
193
]
181
194
} ,
182
195
'violin' : {
183
196
name : 'Violin plot' ,
184
- code : '${allocateTo} = px.violin(${data}${x}${y}${etc})' ,
197
+ code : '${allocateTo} = px.violin(${data}${x}${y}${color}${ etc})' ,
185
198
description : 'Draw a violin plot.' ,
186
199
options : [
187
200
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
188
201
{ name : 'x' , component : [ 'col_select' ] , usePair : true } ,
189
202
{ name : 'y' , component : [ 'col_select' ] , usePair : true } ,
203
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
190
204
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
191
205
]
192
206
} ,
193
207
'strip' : {
194
208
name : 'Strip plot' ,
195
- code : '${allocateTo} = px.strip(${data}${x}${y}${etc})' ,
209
+ code : '${allocateTo} = px.strip(${data}${x}${y}${color}${ etc})' ,
196
210
description : 'Draw a strip plot.' ,
197
211
options : [
198
212
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
199
213
{ name : 'x' , component : [ 'col_select' ] , usePair : true } ,
200
214
{ name : 'y' , component : [ 'col_select' ] , usePair : true } ,
215
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
201
216
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
202
217
]
203
218
} ,
204
219
'ecdf' : {
205
220
name : 'Ecdf plot' ,
206
- code : '${allocateTo} = px.ecdf(${data}${x}${y}${etc})' ,
221
+ code : '${allocateTo} = px.ecdf(${data}${x}${y}${color}${ etc})' ,
207
222
description : 'Draw a ecdf plot.' ,
208
223
options : [
209
224
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
210
225
{ name : 'x' , component : [ 'col_select' ] , usePair : true } ,
211
226
{ name : 'y' , component : [ 'col_select' ] , usePair : true } ,
227
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
212
228
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
213
229
]
214
230
} ,
@@ -229,13 +245,14 @@ define([
229
245
} ,
230
246
'density_contour' : {
231
247
name : 'Density contour' ,
232
- code : '${allocateTo} = px.density_contour(${data}${x}${y}${z}${etc})' ,
248
+ code : '${allocateTo} = px.density_contour(${data}${x}${y}${z}${color}${ etc})' ,
233
249
description : 'Draw a density contour plot.' ,
234
250
options : [
235
251
{ name : 'data' , component : [ 'var_select' ] , var_type : [ 'DataFrame' , 'Series' , 'list' ] } ,
236
252
{ name : 'x' , component : [ 'col_select' ] , usePair : true } ,
237
253
{ name : 'y' , component : [ 'col_select' ] , usePair : true } ,
238
254
{ name : 'z' , component : [ 'col_select' ] , usePair : true } ,
255
+ { name : 'color' , component : [ 'col_select' ] , usePair : true } ,
239
256
{ name : 'allocateTo' , label : 'Allocate To' , component : [ 'input' ] , usePair : true }
240
257
]
241
258
} ,
0 commit comments