Created
February 6, 2024 19:24
-
-
Save nicolaskruchten/d7df6cd22293ccf48f691aa789c8dbe7 to your computer and use it in GitHub Desktop.
Vega spec from Tue Feb 06 2024
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"$schema": "https://vega.github.io/schema/vega/v5.json", | |
"data": [ | |
{"name": "interval_intervalselection_0_store"}, | |
{"name": "click_pointselection_0_store"}, | |
{"name": "df"}, | |
{ | |
"name": "data_0", | |
"values": [ | |
{ | |
"da.te": 946684800000, | |
"sum_price": 230.82999999999998, | |
"da\\.te": 946684800000 | |
}, | |
{ | |
"da.te": 949363200000, | |
"sum_price": 225.98999999999998, | |
"da\\.te": 949363200000 | |
}, | |
{ | |
"da.te": 951868800000, | |
"sum_price": 250.27999999999997, | |
"da\\.te": 951868800000 | |
}, | |
{ | |
"da.te": 954547200000, | |
"sum_price": 214.51999999999998, | |
"da\\.te": 954547200000 | |
}, | |
{"da.te": 957139200000, "sum_price": 191.07, "da\\.te": 957139200000}, | |
{"da.te": 959817600000, "sum_price": 193.37, "da\\.te": 959817600000}, | |
{"da.te": 962409600000, "sum_price": 184.67, "da\\.te": 962409600000}, | |
{"da.te": 965088000000, "sum_price": 218.99, "da\\.te": 965088000000}, | |
{"da.te": 967766400000, "sum_price": 177.04, "da\\.te": 967766400000}, | |
{"da.te": 970358400000, "sum_price": 162.92, "da\\.te": 970358400000}, | |
{"da.te": 973036800000, "sum_price": 140.4, "da\\.te": 973036800000}, | |
{"da.te": 975628800000, "sum_price": 117.12, "da\\.te": 975628800000}, | |
{"da.te": 978307200000, "sum_price": 153.72, "da\\.te": 978307200000}, | |
{"da.te": 980985600000, "sum_price": 133.29, "da\\.te": 980985600000}, | |
{"da.te": 983404800000, "sum_price": 130.14, "da\\.te": 983404800000}, | |
{"da.te": 986083200000, "sum_price": 159.78, "da\\.te": 986083200000}, | |
{ | |
"da.te": 988675200000, | |
"sum_price": 155.62999999999997, | |
"da\\.te": 988675200000 | |
}, | |
{"da.te": 991353600000, "sum_price": 157.82, "da\\.te": 991353600000}, | |
{ | |
"da.te": 993945600000, | |
"sum_price": 143.69000000000003, | |
"da\\.te": 993945600000 | |
}, | |
{ | |
"da.te": 996624000000, | |
"sum_price": 131.67000000000002, | |
"da\\.te": 996624000000 | |
}, | |
{ | |
"da.te": 999302400000, | |
"sum_price": 117.36999999999999, | |
"da\\.te": 999302400000 | |
}, | |
{"da.te": 1001894400000, "sum_price": 136.99, "da\\.te": 1001894400000}, | |
{"da.te": 1004572800000, "sum_price": 152.59, "da\\.te": 1004572800000}, | |
{ | |
"da.te": 1007164800000, | |
"sum_price": 158.07999999999998, | |
"da\\.te": 1007164800000 | |
}, | |
{"da.te": 1009843200000, "sum_price": 150.01, "da\\.te": 1009843200000}, | |
{"da.te": 1012521600000, "sum_price": 137.5, "da\\.te": 1012521600000}, | |
{ | |
"da.te": 1014940800000, | |
"sum_price": 144.82000000000002, | |
"da\\.te": 1014940800000 | |
}, | |
{"da.te": 1017619200000, "sum_price": 125.91, "da\\.te": 1017619200000}, | |
{"da.te": 1020211200000, "sum_price": 123.56, "da\\.te": 1020211200000}, | |
{"da.te": 1022889600000, "sum_price": 112.67, "da\\.te": 1022889600000}, | |
{"da.te": 1025481600000, "sum_price": 105.46, "da\\.te": 1025481600000}, | |
{ | |
"da.te": 1028160000000, | |
"sum_price": 110.80999999999999, | |
"da\\.te": 1028160000000 | |
}, | |
{ | |
"da.te": 1030838400000, | |
"sum_price": 93.97999999999999, | |
"da\\.te": 1030838400000 | |
}, | |
{"da.te": 1033430400000, "sum_price": 120.9, "da\\.te": 1033430400000}, | |
{"da.te": 1036108800000, "sum_price": 133.72, "da\\.te": 1036108800000}, | |
{"da.te": 1038700800000, "sum_price": 117.66, "da\\.te": 1038700800000}, | |
{"da.te": 1041379200000, "sum_price": 119.56, "da\\.te": 1041379200000}, | |
{"da.te": 1044057600000, "sum_price": 119.99, "da\\.te": 1044057600000}, | |
{"da.te": 1046476800000, "sum_price": 124.43, "da\\.te": 1046476800000}, | |
{ | |
"da.te": 1049155200000, | |
"sum_price": 134.14000000000001, | |
"da\\.te": 1049155200000 | |
}, | |
{"da.te": 1051747200000, "sum_price": 145.44, "da\\.te": 1051747200000}, | |
{ | |
"da.te": 1054425600000, | |
"sum_price": 142.20000000000002, | |
"da\\.te": 1054425600000 | |
}, | |
{"da.te": 1057017600000, "sum_price": 148.02, "da\\.te": 1057017600000}, | |
{"da.te": 1059696000000, "sum_price": 154.4, "da\\.te": 1059696000000}, | |
{"da.te": 1062374400000, "sum_price": 162.39, "da\\.te": 1062374400000}, | |
{ | |
"da.te": 1064966400000, | |
"sum_price": 169.27999999999997, | |
"da\\.te": 1064966400000 | |
}, | |
{ | |
"da.te": 1067644800000, | |
"sum_price": 168.59999999999997, | |
"da\\.te": 1067644800000 | |
}, | |
{"da.te": 1070236800000, "sum_price": 170.82, "da\\.te": 1070236800000}, | |
{"da.te": 1072915200000, "sum_price": 175.43, "da\\.te": 1072915200000}, | |
{ | |
"da.te": 1075593600000, | |
"sum_price": 165.44000000000003, | |
"da\\.te": 1075593600000 | |
}, | |
{ | |
"da.te": 1078099200000, | |
"sum_price": 161.67000000000002, | |
"da\\.te": 1078099200000 | |
}, | |
{ | |
"da.te": 1080777600000, | |
"sum_price": 158.98000000000002, | |
"da\\.te": 1080777600000 | |
}, | |
{"da.te": 1083369600000, "sum_price": 165.65, "da\\.te": 1083369600000}, | |
{"da.te": 1086048000000, "sum_price": 175.3, "da\\.te": 1086048000000}, | |
{ | |
"da.te": 1088640000000, | |
"sum_price": 158.66000000000003, | |
"da\\.te": 1088640000000 | |
}, | |
{"da.te": 1091318400000, "sum_price": 258.4, "da\\.te": 1091318400000}, | |
{"da.te": 1093996800000, "sum_price": 291.73, "da\\.te": 1093996800000}, | |
{"da.te": 1096588800000, "sum_price": 356.83, "da\\.te": 1096588800000}, | |
{ | |
"da.te": 1099267200000, | |
"sum_price": 366.93999999999994, | |
"da\\.te": 1099267200000 | |
}, | |
{"da.te": 1101859200000, "sum_price": 384.96, "da\\.te": 1101859200000}, | |
{"da.te": 1104537600000, "sum_price": 387.79, "da\\.te": 1104537600000}, | |
{ | |
"da.te": 1107216000000, | |
"sum_price": 376.96000000000004, | |
"da\\.te": 1107216000000 | |
}, | |
{"da.te": 1109635200000, "sum_price": 363.35, "da\\.te": 1109635200000}, | |
{ | |
"da.te": 1112313600000, | |
"sum_price": 382.46999999999997, | |
"da\\.te": 1112313600000 | |
}, | |
{ | |
"da.te": 1114905600000, | |
"sum_price": 446.53999999999996, | |
"da\\.te": 1114905600000 | |
}, | |
{"da.te": 1117584000000, "sum_price": 455.91, "da\\.te": 1117584000000}, | |
{ | |
"da.te": 1120176000000, | |
"sum_price": 476.72999999999996, | |
"da\\.te": 1120176000000 | |
}, | |
{"da.te": 1122854400000, "sum_price": 476.01, "da\\.te": 1122854400000}, | |
{"da.te": 1125532800000, "sum_price": 513.9, "da\\.te": 1125532800000}, | |
{"da.te": 1128124800000, "sum_price": 569.64, "da\\.te": 1128124800000}, | |
{ | |
"da.te": 1130803200000, | |
"sum_price": 629.8800000000001, | |
"da\\.te": 1130803200000 | |
}, | |
{"da.te": 1133395200000, "sum_price": 634.92, "da\\.te": 1133395200000}, | |
{"da.te": 1136073600000, "sum_price": 655.02, "da\\.te": 1136073600000}, | |
{"da.te": 1138752000000, "sum_price": 568.68, "da\\.te": 1138752000000}, | |
{"da.te": 1141171200000, "sum_price": 591.78, "da\\.te": 1141171200000}, | |
{"da.te": 1143849600000, "sum_price": 623.09, "da\\.te": 1143849600000}, | |
{"da.te": 1146441600000, "sum_price": 562.43, "da\\.te": 1146441600000}, | |
{"da.te": 1149120000000, "sum_price": 609.23, "da\\.te": 1149120000000}, | |
{ | |
"da.te": 1151712000000, | |
"sum_price": 576.6600000000001, | |
"da\\.te": 1151712000000 | |
}, | |
{ | |
"da.te": 1154390400000, | |
"sum_price": 577.6899999999999, | |
"da\\.te": 1154390400000 | |
}, | |
{"da.te": 1157068800000, "sum_price": 613.94, "da\\.te": 1157068800000}, | |
{"da.te": 1159660800000, "sum_price": 709.58, "da\\.te": 1159660800000}, | |
{"da.te": 1162339200000, "sum_price": 731.42, "da\\.te": 1162339200000}, | |
{ | |
"da.te": 1164931200000, | |
"sum_price": 704.8100000000001, | |
"da\\.te": 1164931200000 | |
}, | |
{"da.te": 1167609600000, "sum_price": 747.76, "da\\.te": 1167609600000}, | |
{"da.te": 1170288000000, "sum_price": 688.01, "da\\.te": 1170288000000}, | |
{"da.te": 1172707200000, "sum_price": 706.65, "da\\.te": 1172707200000}, | |
{"da.te": 1175385600000, "sum_price": 757.79, "da\\.te": 1175385600000}, | |
{ | |
"da.te": 1177977600000, | |
"sum_price": 818.8900000000001, | |
"da\\.te": 1177977600000 | |
}, | |
{"da.te": 1180656000000, "sum_price": 841.35, "da\\.te": 1180656000000}, | |
{"da.te": 1183248000000, "sum_price": 853.2, "da\\.te": 1183248000000}, | |
{"da.te": 1185926400000, "sum_price": 872.52, "da\\.te": 1185926400000}, | |
{"da.te": 1188604800000, "sum_price": 954.53, "da\\.te": 1188604800000}, | |
{ | |
"da.te": 1191196800000, | |
"sum_price": 1132.13, | |
"da\\.te": 1191196800000 | |
}, | |
{ | |
"da.te": 1193875200000, | |
"sum_price": 1098.77, | |
"da\\.te": 1193875200000 | |
}, | |
{"da.te": 1196467200000, "sum_price": 1119.9, "da\\.te": 1196467200000}, | |
{ | |
"da.te": 1199145600000, | |
"sum_price": 911.2399999999999, | |
"da\\.te": 1199145600000 | |
}, | |
{"da.te": 1201824000000, "sum_price": 796.38, "da\\.te": 1201824000000}, | |
{"da.te": 1204329600000, "sum_price": 793.35, "da\\.te": 1204329600000}, | |
{"da.te": 1207008000000, "sum_price": 970.44, "da\\.te": 1207008000000}, | |
{ | |
"da.te": 1209600000000, | |
"sum_price": 1008.56, | |
"da\\.te": 1209600000000 | |
}, | |
{"da.te": 1212278400000, "sum_price": 908.26, "da\\.te": 1212278400000}, | |
{"da.te": 1214870400000, "sum_price": 857.53, "da\\.te": 1214870400000}, | |
{"da.te": 1217548800000, "sum_price": 858.15, "da\\.te": 1217548800000}, | |
{ | |
"da.te": 1220227200000, | |
"sum_price": 726.2499999999999, | |
"da\\.te": 1220227200000 | |
}, | |
{ | |
"da.te": 1222819200000, | |
"sum_price": 636.0000000000001, | |
"da\\.te": 1222819200000 | |
}, | |
{"da.te": 1225497600000, "sum_price": 527.64, "da\\.te": 1225497600000}, | |
{"da.te": 1228089600000, "sum_price": 545.34, "da\\.te": 1228089600000}, | |
{ | |
"da.te": 1230768000000, | |
"sum_price": 593.5699999999999, | |
"da\\.te": 1230768000000 | |
}, | |
{"da.te": 1233446400000, "sum_price": 598.22, "da\\.te": 1233446400000}, | |
{ | |
"da.te": 1235865600000, | |
"sum_price": 639.6999999999999, | |
"da\\.te": 1235865600000 | |
}, | |
{"da.te": 1238544000000, "sum_price": 723.45, "da\\.te": 1238544000000}, | |
{"da.te": 1241136000000, "sum_price": 756.47, "da\\.te": 1241136000000}, | |
{ | |
"da.te": 1243814400000, | |
"sum_price": 774.1099999999999, | |
"da\\.te": 1243814400000 | |
}, | |
{"da.te": 1246406400000, "sum_price": 831.72, "da\\.te": 1246406400000}, | |
{"da.te": 1249084800000, "sum_price": 852.5, "da\\.te": 1249084800000}, | |
{"da.te": 1251763200000, "sum_price": 918.6, "da\\.te": 1251763200000}, | |
{"da.te": 1254355200000, "sum_price": 990.45, "da\\.te": 1254355200000}, | |
{ | |
"da.te": 1257033600000, | |
"sum_price": 1073.88, | |
"da\\.te": 1257033600000 | |
}, | |
{ | |
"da.te": 1259625600000, | |
"sum_price": 1125.89, | |
"da\\.te": 1259625600000 | |
}, | |
{"da.te": 1262304000000, "sum_price": 997.31, "da\\.te": 1262304000000}, | |
{ | |
"da.te": 1264982400000, | |
"sum_price": 1005.65, | |
"da\\.te": 1264982400000 | |
}, | |
{"da.te": 1267401600000, "sum_price": 1066.38, "da\\.te": 1267401600000} | |
], | |
"transform": [ | |
{"type": "formula", "expr": "toDate(datum['da\\.te'])", "as": "da\\.te"} | |
] | |
}, | |
{ | |
"name": "data_0_y_domain_sum_price", | |
"values": [{"min": 93.97999999999999, "max": 1132.13}] | |
} | |
], | |
"signals": [ | |
{ | |
"name": "width", | |
"init": "isFinite(containerSize()[0]) ? containerSize()[0] : 200", | |
"on": [ | |
{ | |
"events": "window:resize", | |
"update": "isFinite(containerSize()[0]) ? containerSize()[0] : 200" | |
} | |
] | |
}, | |
{ | |
"name": "height", | |
"init": "isFinite(containerSize()[1]) ? containerSize()[1] : 200", | |
"on": [ | |
{ | |
"events": "window:resize", | |
"update": "isFinite(containerSize()[1]) ? containerSize()[1] : 200" | |
} | |
] | |
}, | |
{ | |
"name": "unit", | |
"value": {}, | |
"on": [ | |
{"events": "pointermove", "update": "isTuple(group()) ? group() : unit"} | |
] | |
}, | |
{ | |
"name": "interval_intervalselection_0", | |
"update": "vlSelectionResolve(\"interval_intervalselection_0_store\", \"union\")" | |
}, | |
{ | |
"name": "click_pointselection_0", | |
"update": "vlSelectionResolve(\"click_pointselection_0_store\", \"union\", true, true)" | |
}, | |
{ | |
"name": "interval_intervalselection_0_x", | |
"value": [], | |
"on": [ | |
{ | |
"events": { | |
"source": "scope", | |
"filter": [ | |
"!event.item || event.item.mark.name !== \"interval_intervalselection_0_brush\"" | |
], | |
"type": "pointerdown" | |
}, | |
"update": "[x(unit), x(unit)]" | |
}, | |
{ | |
"events": { | |
"source": "window", | |
"between": [ | |
{ | |
"source": "scope", | |
"filter": [ | |
"!event.item || event.item.mark.name !== \"interval_intervalselection_0_brush\"" | |
], | |
"type": "pointerdown" | |
}, | |
{"source": "window", "type": "pointerup"} | |
], | |
"type": "pointermove", | |
"consume": true | |
}, | |
"update": "[interval_intervalselection_0_x[0], clamp(x(unit), 0, width)]" | |
}, | |
{ | |
"events": {"signal": "interval_intervalselection_0_scale_trigger"}, | |
"update": "[scale(\"x\", interval_intervalselection_0_da__te[0]), scale(\"x\", interval_intervalselection_0_da__te[1])]" | |
}, | |
{ | |
"events": [{"source": "view", "type": "dblclick"}], | |
"update": "[0, 0]" | |
}, | |
{ | |
"events": {"signal": "interval_intervalselection_0_translate_delta"}, | |
"update": "clampRange(panLinear(interval_intervalselection_0_translate_anchor.extent_x, interval_intervalselection_0_translate_delta.x / span(interval_intervalselection_0_translate_anchor.extent_x)), 0, width)" | |
} | |
] | |
}, | |
{ | |
"name": "interval_intervalselection_0_da__te", | |
"on": [ | |
{ | |
"events": {"signal": "interval_intervalselection_0_x"}, | |
"update": "interval_intervalselection_0_x[0] === interval_intervalselection_0_x[1] ? null : invert(\"x\", interval_intervalselection_0_x)" | |
} | |
] | |
}, | |
{ | |
"name": "interval_intervalselection_0_scale_trigger", | |
"value": {}, | |
"on": [ | |
{ | |
"events": [{"scale": "x"}], | |
"update": "(!isArray(interval_intervalselection_0_da__te) || (+invert(\"x\", interval_intervalselection_0_x)[0] === +interval_intervalselection_0_da__te[0] && +invert(\"x\", interval_intervalselection_0_x)[1] === +interval_intervalselection_0_da__te[1])) ? interval_intervalselection_0_scale_trigger : {}" | |
} | |
] | |
}, | |
{ | |
"name": "interval_intervalselection_0_tuple", | |
"on": [ | |
{ | |
"events": [{"signal": "interval_intervalselection_0_da__te"}], | |
"update": "interval_intervalselection_0_da__te ? {unit: \"layer_0_layer_0_layer_0\", fields: interval_intervalselection_0_tuple_fields, values: [interval_intervalselection_0_da__te]} : null" | |
} | |
] | |
}, | |
{ | |
"name": "interval_intervalselection_0_tuple_fields", | |
"value": [{"field": "da\\.te", "channel": "x", "type": "R"}] | |
}, | |
{ | |
"name": "interval_intervalselection_0_translate_anchor", | |
"value": {}, | |
"on": [ | |
{ | |
"events": [ | |
{ | |
"source": "scope", | |
"markname": "interval_intervalselection_0_brush", | |
"type": "pointerdown" | |
} | |
], | |
"update": "{x: x(unit), y: y(unit), extent_x: slice(interval_intervalselection_0_x)}" | |
} | |
] | |
}, | |
{ | |
"name": "interval_intervalselection_0_translate_delta", | |
"value": {}, | |
"on": [ | |
{ | |
"events": [ | |
{ | |
"source": "window", | |
"between": [ | |
{ | |
"source": "scope", | |
"markname": "interval_intervalselection_0_brush", | |
"type": "pointerdown" | |
}, | |
{"source": "window", "type": "pointerup"} | |
], | |
"type": "pointermove", | |
"consume": true | |
} | |
], | |
"update": "{x: interval_intervalselection_0_translate_anchor.x - x(unit), y: interval_intervalselection_0_translate_anchor.y - y(unit)}" | |
} | |
] | |
}, | |
{ | |
"name": "interval_intervalselection_0_modify", | |
"on": [ | |
{ | |
"events": {"signal": "interval_intervalselection_0_tuple"}, | |
"update": "modify(\"interval_intervalselection_0_store\", interval_intervalselection_0_tuple, true)" | |
} | |
] | |
}, | |
{ | |
"name": "click_pointselection_0_tuple", | |
"on": [ | |
{ | |
"events": [{"source": "scope", "type": "click"}], | |
"update": "datum && item().mark.marktype !== 'group' && indexof(item().mark.role, 'legend') < 0 && indexof(item().mark.name, 'interval_intervalselection_0_brush') < 0 ? {unit: \"layer_0_layer_0_layer_0\", fields: click_pointselection_0_tuple_fields, values: [(item().isVoronoi ? datum.datum : datum)[\"da\\\\.te\"]]} : null", | |
"force": true | |
}, | |
{"events": [{"source": "view", "type": "dblclick"}], "update": "null"} | |
] | |
}, | |
{ | |
"name": "click_pointselection_0_tuple_fields", | |
"value": [{"field": "da\\.te", "channel": "x", "type": "E"}] | |
}, | |
{ | |
"name": "click_pointselection_0_toggle", | |
"value": false, | |
"on": [ | |
{ | |
"events": [{"source": "scope", "type": "click"}], | |
"update": "event.shiftKey" | |
}, | |
{"events": [{"source": "view", "type": "dblclick"}], "update": "false"} | |
] | |
}, | |
{ | |
"name": "click_pointselection_0_modify", | |
"on": [ | |
{ | |
"events": {"signal": "click_pointselection_0_tuple"}, | |
"update": "modify(\"click_pointselection_0_store\", click_pointselection_0_toggle ? null : click_pointselection_0_tuple, click_pointselection_0_toggle ? null : true, click_pointselection_0_toggle ? click_pointselection_0_tuple : null)" | |
} | |
] | |
}, | |
{ | |
"name": "cursor", | |
"value": "default", | |
"on": [ | |
{ | |
"events": "mousemove", | |
"update": "if(isDefined((group()).bounds), if(item().mark.marktype != 'group', 'default', 'crosshair'), 'default')" | |
} | |
] | |
} | |
], | |
"marks": [ | |
{ | |
"type": "rect", | |
"name": "interval_intervalselection_0_brush_bg", | |
"encode": { | |
"update": { | |
"x2": [ | |
{ | |
"signal": "interval_intervalselection_0_x[1]", | |
"test": "data(\"interval_intervalselection_0_store\").length && data(\"interval_intervalselection_0_store\")[0].unit === \"layer_0_layer_0_layer_0\"" | |
}, | |
{"value": 0} | |
], | |
"y": [ | |
{ | |
"value": 0, | |
"test": "data(\"interval_intervalselection_0_store\").length && data(\"interval_intervalselection_0_store\")[0].unit === \"layer_0_layer_0_layer_0\"" | |
}, | |
{"value": 0} | |
], | |
"x": [ | |
{ | |
"signal": "interval_intervalselection_0_x[0]", | |
"test": "data(\"interval_intervalselection_0_store\").length && data(\"interval_intervalselection_0_store\")[0].unit === \"layer_0_layer_0_layer_0\"" | |
}, | |
{"value": 0} | |
], | |
"y2": [ | |
{ | |
"field": { | |
"signal": null, | |
"datum": null, | |
"group": "height", | |
"parent": null | |
}, | |
"test": "data(\"interval_intervalselection_0_store\").length && data(\"interval_intervalselection_0_store\")[0].unit === \"layer_0_layer_0_layer_0\"" | |
}, | |
{"value": 0} | |
] | |
}, | |
"enter": {"fillOpacity": {"value": 0.07}, "fill": {"value": "#669EFF"}} | |
}, | |
"clip": true, | |
"interactive": false | |
}, | |
{ | |
"type": "rect", | |
"name": "layer_0_layer_0_layer_0_marks", | |
"from": {"data": "data_0"}, | |
"encode": { | |
"update": { | |
"width": {"value": 5}, | |
"fill": {"value": "#4C78A8"}, | |
"xc": {"field": "da\\.te", "scale": "x"}, | |
"ariaRoleDescription": {"value": "bar"}, | |
"tooltip": { | |
"signal": "{\"da.te\": timeFormat(datum[\"da.te\"], '%b %d, %Y %H:%M:%S'), \"Sum of price\": datum[\"sum_price\"]}" | |
}, | |
"y2": {"value": 0, "scale": "y"}, | |
"opacity": [ | |
{ | |
"value": 0.3, | |
"test": "!((!length(data(\"interval_intervalselection_0_store\")) || vlSelectionTest(\"interval_intervalselection_0_store\", datum)) && (!length(data(\"click_pointselection_0_store\")) || vlSelectionTest(\"click_pointselection_0_store\", datum)))" | |
}, | |
{"value": 1} | |
], | |
"description": { | |
"signal": "\"da.te: \" + (timeFormat(datum[\"da.te\"], '%b %d, %Y %H:%M:%S')) + \"; Sum of price: \" + (datum[\"sum_price\"])" | |
}, | |
"y": {"field": "sum_price", "scale": "y"}, | |
"cursor": {"value": "pointer"} | |
} | |
}, | |
"clip": true, | |
"interactive": true, | |
"style": ["bar"] | |
}, | |
{ | |
"type": "rect", | |
"name": "interval_intervalselection_0_brush", | |
"encode": { | |
"update": { | |
"y": [ | |
{ | |
"value": 0, | |
"test": "data(\"interval_intervalselection_0_store\").length && data(\"interval_intervalselection_0_store\")[0].unit === \"layer_0_layer_0_layer_0\"" | |
}, | |
{"value": 0} | |
], | |
"y2": [ | |
{ | |
"field": { | |
"signal": null, | |
"datum": null, | |
"group": "height", | |
"parent": null | |
}, | |
"test": "data(\"interval_intervalselection_0_store\").length && data(\"interval_intervalselection_0_store\")[0].unit === \"layer_0_layer_0_layer_0\"" | |
}, | |
{"value": 0} | |
], | |
"x": [ | |
{ | |
"signal": "interval_intervalselection_0_x[0]", | |
"test": "data(\"interval_intervalselection_0_store\").length && data(\"interval_intervalselection_0_store\")[0].unit === \"layer_0_layer_0_layer_0\"" | |
}, | |
{"value": 0} | |
], | |
"strokeOpacity": [ | |
{ | |
"value": 0.4, | |
"test": "interval_intervalselection_0_x[0] !== interval_intervalselection_0_x[1]" | |
}, | |
{} | |
], | |
"stroke": [ | |
{ | |
"value": "#669EFF", | |
"test": "interval_intervalselection_0_x[0] !== interval_intervalselection_0_x[1]" | |
}, | |
{} | |
], | |
"x2": [ | |
{ | |
"signal": "interval_intervalselection_0_x[1]", | |
"test": "data(\"interval_intervalselection_0_store\").length && data(\"interval_intervalselection_0_store\")[0].unit === \"layer_0_layer_0_layer_0\"" | |
}, | |
{"value": 0} | |
] | |
}, | |
"enter": {"fill": {"value": "transparent"}} | |
}, | |
"clip": true, | |
"interactive": false | |
} | |
], | |
"scales": [ | |
{ | |
"name": "x", | |
"type": "time", | |
"domain": {"data": "data_0", "field": "da\\.te"}, | |
"range": [0, {"signal": "width"}], | |
"padding": 5 | |
}, | |
{ | |
"name": "y", | |
"type": "linear", | |
"domain": [ | |
{"signal": "(data(\"data_0_y_domain_sum_price\")[0] || {}).min"}, | |
{"signal": "(data(\"data_0_y_domain_sum_price\")[0] || {}).max"} | |
], | |
"range": [{"signal": "height"}, 0], | |
"zero": true, | |
"nice": true | |
} | |
], | |
"axes": [ | |
{ | |
"scale": "x", | |
"labels": false, | |
"minExtent": 0, | |
"zindex": 0, | |
"ticks": false, | |
"orient": "bottom", | |
"grid": true, | |
"gridScale": "y", | |
"tickCount": {"signal": "ceil(width/40)"}, | |
"domain": false, | |
"aria": false, | |
"maxExtent": 0 | |
}, | |
{ | |
"scale": "y", | |
"gridScale": "x", | |
"ticks": false, | |
"minExtent": 0, | |
"aria": false, | |
"grid": true, | |
"labels": false, | |
"tickCount": {"signal": "ceil(height/40)"}, | |
"maxExtent": 0, | |
"zindex": 0, | |
"orient": "left", | |
"domain": false | |
}, | |
{ | |
"scale": "x", | |
"orient": "bottom", | |
"labels": true, | |
"ticks": true, | |
"labelOverlap": true, | |
"zindex": 0, | |
"labelFlush": false, | |
"title": "da.te", | |
"grid": false, | |
"tickCount": {"signal": "ceil(width/40)"} | |
}, | |
{ | |
"scale": "y", | |
"labelOverlap": true, | |
"zindex": 0, | |
"ticks": true, | |
"encode": {"labels": {"update": {"text": {"signal": "datum.value"}}}}, | |
"grid": false, | |
"orient": "left", | |
"title": "Sum of price", | |
"labels": true, | |
"tickCount": {"signal": "ceil(height/40)"}, | |
"labelFlush": false | |
} | |
], | |
"usermeta": { | |
"selectionConfigs": { | |
"interval_intervalselection_0": { | |
"type": "interval", | |
"datetimeFields": ["da\\.te"], | |
"derived": [] | |
}, | |
"click_pointselection_0": { | |
"type": "point", | |
"datetimeFields": ["da\\.te"], | |
"derived": [] | |
} | |
}, | |
"warnings": [] | |
}, | |
"padding": 5, | |
"background": "#ffffff", | |
"autosize": {"type": "fit", "resize": false, "contains": "padding"}, | |
"style": "cell", | |
"config": { | |
"customFormatTypes": true, | |
"tooltipFormat": {"timeFormat": "%b %d, %Y %H:%M:%S"}, | |
"legend": { | |
"orient": "right", | |
"titleColor": "#01011b", | |
"labelColor": "#01011b", | |
"titleFontWeight": 500, | |
"titlePadding": 8 | |
}, | |
"style": { | |
"guide-label": { | |
"font": "\"IBM Plex Sans\", system-ui, -apple-system, BlinkMacSystemFont, sans-serif" | |
}, | |
"guide-title": { | |
"font": "\"IBM Plex Sans\", system-ui, -apple-system, BlinkMacSystemFont, sans-serif" | |
}, | |
"group-title": { | |
"font": "\"IBM Plex Sans\", system-ui, -apple-system, BlinkMacSystemFont, sans-serif" | |
}, | |
"group-subtitle": { | |
"font": "\"IBM Plex Sans\", system-ui, -apple-system, BlinkMacSystemFont, sans-serif" | |
}, | |
"text": { | |
"font": "\"IBM Plex Sans\", system-ui, -apple-system, BlinkMacSystemFont, sans-serif" | |
}, | |
"cell": {"stroke": "#ecedf2"} | |
}, | |
"axis": { | |
"labelColor": "#01011b", | |
"tickColor": "#ecedf2", | |
"titleColor": "#01011b", | |
"titleFontWeight": 500, | |
"titlePadding": 15, | |
"gridColor": "#ecedf2", | |
"domainColor": "#ecedf2" | |
} | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment