How to use y_axis method in wpt

Best JavaScript code snippet using wpt

interactive2.js

Source:interactive2.js

1var spec2 = {2  "$schema": "https://vega.github.io/schema/vega/v5.json",3  "background": "white",4  "padding": 5,5  "height": 300,6  "data": [7    {"name": "selector014_store"},8    {"name": "selector015_store"},9    {10      "name": "data-34161eebc7e6103e8e00b60ac821ba4b",11      "values": [12        {13          "x_axis": -1.2535821199417114,14          "y_axis": 3.586676597595215,15          "name": "prince",16          "original": "prince"17        },18        {19          "x_axis": -0.9741005897521973,20          "y_axis": 3.7290642261505127,21          "name": "princess",22          "original": "princess"23        },24        {25          "x_axis": -1.0501278638839722,26          "y_axis": -2.0268447399139404,27          "name": "nurse",28          "original": "nurse"29        },30        {31          "x_axis": -0.9151343703269958,32          "y_axis": -2.0640790462493896,33          "name": "doctor",34          "original": "doctor"35        },36        {37          "x_axis": 0.8430215716362,38          "y_axis": -0.06272825598716736,39          "name": "banker",40          "original": "banker"41        },42        {43          "x_axis": -0.43132147192955017,44          "y_axis": -1.5975831747055054,45          "name": "man",46          "original": "man"47        },48        {49          "x_axis": -1.073258876800537,50          "y_axis": -1.6417843103408813,51          "name": "woman",52          "original": "woman"53        },54        {55          "x_axis": -3.006711006164551,56          "y_axis": 0.08844566345214844,57          "name": "cousin",58          "original": "cousin"59        },60        {61          "x_axis": -3.256138563156128,62          "y_axis": -0.2640823423862457,63          "name": "neice",64          "original": "neice"65        },66        {67          "x_axis": -0.8844128251075745,68          "y_axis": 4.284396648406982,69          "name": "king",70          "original": "king"71        },72        {73          "x_axis": -0.9637596607208252,74          "y_axis": 3.8633878231048584,75          "name": "queen",76          "original": "queen"77        },78        {79          "x_axis": -0.37136709690093994,80          "y_axis": -1.4314926862716675,81          "name": "dude",82          "original": "dude"83        },84        {85          "x_axis": -0.33022043108940125,86          "y_axis": -2.0039174556732178,87          "name": "guy",88          "original": "guy"89        },90        {91          "x_axis": 0.005235184449702501,92          "y_axis": -1.1506175994873047,93          "name": "gal",94          "original": "gal"95        },96        {97          "x_axis": 2.1890616416931152,98          "y_axis": -0.3874746263027191,99          "name": "fire",100          "original": "fire"101        },102        {103          "x_axis": 0.8451134562492371,104          "y_axis": -1.5011231899261475,105          "name": "dog",106          "original": "dog"107        },108        {109          "x_axis": 0.9290971755981445,110          "y_axis": -0.6315348148345947,111          "name": "cat",112          "original": "cat"113        },114        {115          "x_axis": 1.9717415571212769,116          "y_axis": 0.1653272807598114,117          "name": "mouse",118          "original": "mouse"119        },120        {121          "x_axis": 3.6464710235595703,122          "y_axis": 0.8340242505073547,123          "name": "red",124          "original": "red"125        },126        {127          "x_axis": 0.6217125654220581,128          "y_axis": -0.011615407653152943,129          "name": "blue",130          "original": "blue"131        },132        {133          "x_axis": 4.070711135864258,134          "y_axis": 0.8428587913513184,135          "name": "green",136          "original": "green"137        },138        {139          "x_axis": 3.9739019870758057,140          "y_axis": 0.8420842289924622,141          "name": "yellow",142          "original": "yellow"143        },144        {145          "x_axis": 3.1992409229278564,146          "y_axis": -0.76308274269104,147          "name": "water",148          "original": "water"149        },150        {151          "x_axis": -0.4370383024215698,152          "y_axis": -1.8055583238601685,153          "name": "person",154          "original": "person"155        },156        {157          "x_axis": -1.5232115983963013,158          "y_axis": -0.6766523718833923,159          "name": "family",160          "original": "family"161        },162        {163          "x_axis": -2.889375925064087,164          "y_axis": -0.0504235103726387,165          "name": "brother",166          "original": "brother"167        },168        {169          "x_axis": -2.935547351837158,170          "y_axis": -0.16567137837409973,171          "name": "sister",172          "original": "sister"173        }174      ]175    },176    {177      "name": "data-52c1f752db2a63c001d356078f606383",178      "values": [179        {180          "x_axis": -3.5124354362487793,181          "y_axis": 4.162352561950684,182          "name": "prince",183          "original": "prince"184        },185        {186          "x_axis": -4.112173080444336,187          "y_axis": 3.8549747467041016,188          "name": "princess",189          "original": "princess"190        },191        {192          "x_axis": -2.517472982406616,193          "y_axis": 3.284545421600342,194          "name": "nurse",195          "original": "nurse"196        },197        {198          "x_axis": -2.7008538246154785,199          "y_axis": 2.768869161605835,200          "name": "doctor",201          "original": "doctor"202        },203        {204          "x_axis": -5.004579067230225,205          "y_axis": 1.7548115253448486,206          "name": "banker",207          "original": "banker"208        },209        {210          "x_axis": -4.107402801513672,211          "y_axis": 1.0861294269561768,212          "name": "man",213          "original": "man"214        },215        {216          "x_axis": -3.2791190147399902,217          "y_axis": 2.9917562007904053,218          "name": "woman",219          "original": "woman"220        },221        {222          "x_axis": -4.7013444900512695,223          "y_axis": 2.9227752685546875,224          "name": "cousin",225          "original": "cousin"226        },227        {228          "x_axis": -4.299141883850098,229          "y_axis": 3.142744541168213,230          "name": "neice",231          "original": "neice"232        },233        {234          "x_axis": -3.8987667560577393,235          "y_axis": 4.549572944641113,236          "name": "king",237          "original": "king"238        },239        {240          "x_axis": -4.172970771789551,241          "y_axis": 4.277510166168213,242          "name": "queen",243          "original": "queen"244        },245        {246          "x_axis": -3.4013280868530273,247          "y_axis": 1.4507380723953247,248          "name": "dude",249          "original": "dude"250        },251        {252          "x_axis": -3.7617805004119873,253          "y_axis": 1.7864001989364624,254          "name": "guy",255          "original": "guy"256        },257        {258          "x_axis": -4.434903144836426,259          "y_axis": 2.3134303092956543,260          "name": "gal",261          "original": "gal"262        },263        {264          "x_axis": -4.485660552978516,265          "y_axis": 0.5962796211242676,266          "name": "fire",267          "original": "fire"268        },269        {270          "x_axis": -2.884521007537842,271          "y_axis": 2.0245754718780518,272          "name": "dog",273          "original": "dog"274        },275        {276          "x_axis": -2.6612389087677,277          "y_axis": 1.595794677734375,278          "name": "cat",279          "original": "cat"280        },281        {282          "x_axis": -2.7900476455688477,283          "y_axis": 1.0407456159591675,284          "name": "mouse",285          "original": "mouse"286        },287        {288          "x_axis": -3.018948793411255,289          "y_axis": 0.13132251799106598,290          "name": "red",291          "original": "red"292        },293        {294          "x_axis": -4.6628098487854,295          "y_axis": 1.299612283706665,296          "name": "blue",297          "original": "blue"298        },299        {300          "x_axis": -3.5633227825164795,301          "y_axis": 0.1778898686170578,302          "name": "green",303          "original": "green"304        },305        {306          "x_axis": -3.127549409866333,307          "y_axis": 0.4946957230567932,308          "name": "yellow",309          "original": "yellow"310        },311        {312          "x_axis": -4.0959014892578125,313          "y_axis": 0.3415285348892212,314          "name": "water",315          "original": "water"316        },317        {318          "x_axis": -4.049440383911133,319          "y_axis": 1.783280611038208,320          "name": "person",321          "original": "person"322        },323        {324          "x_axis": -3.8789079189300537,325          "y_axis": 2.7418227195739746,326          "name": "family",327          "original": "family"328        },329        {330          "x_axis": -3.6723387241363525,331          "y_axis": 2.3849875926971436,332          "name": "brother",333          "original": "brother"334        },335        {336          "x_axis": -3.6647908687591553,337          "y_axis": 3.161151647567749,338          "name": "sister",339          "original": "sister"340        }341      ]342    },343    {344      "name": "data_0",345      "source": "data-34161eebc7e6103e8e00b60ac821ba4b",346      "transform": [347        {348          "type": "filter",349          "expr": "isValid(datum[\"x_axis\"]) && isFinite(+datum[\"x_axis\"]) && isValid(datum[\"y_axis\"]) && isFinite(+datum[\"y_axis\"])"350        }351      ]352    },353    {354      "name": "data_1",355      "source": "data-52c1f752db2a63c001d356078f606383",356      "transform": [357        {358          "type": "filter",359          "expr": "isValid(datum[\"x_axis\"]) && isFinite(+datum[\"x_axis\"]) && isValid(datum[\"y_axis\"]) && isFinite(+datum[\"y_axis\"])"360        }361      ]362    }363  ],364  "signals": [365    {"name": "concat_0_width", "value": 300},366    {"name": "concat_1_width", "value": 300},367    {368      "name": "unit",369      "value": {},370      "on": [371        {"events": "mousemove", "update": "isTuple(group()) ? group() : unit"}372      ]373    },374    {375      "name": "selector014",376      "update": "{\"x_axis\": selector014_x_axis, \"y_axis\": selector014_y_axis}"377    },378    {"name": "selector014_x_axis"},379    {"name": "selector014_y_axis"},380    {381      "name": "selector015",382      "update": "{\"x_axis\": selector015_x_axis, \"y_axis\": selector015_y_axis}"383    },384    {"name": "selector015_x_axis"},385    {"name": "selector015_y_axis"}386  ],387  "layout": {"padding": 20, "bounds": "full", "align": "each"},388  "marks": [389    {390      "type": "group",391      "name": "concat_0_group",392      "title": {"text": "Dimension 0 vs. Dimension 1", "frame": "group"},393      "style": "cell",394      "encode": {395        "update": {396          "width": {"signal": "concat_0_width"},397          "height": {"signal": "height"}398        }399      },400      "signals": [401        {402          "name": "selector014_x_axis",403          "on": [404            {405              "events": {"signal": "selector014_translate_delta"},406              "update": "panLinear(selector014_translate_anchor.extent_x, -selector014_translate_delta.x / concat_0_width)"407            },408            {409              "events": {"signal": "selector014_zoom_delta"},410              "update": "zoomLinear(domain(\"concat_0_x\"), selector014_zoom_anchor.x, selector014_zoom_delta)"411            },412            {413              "events": [{"source": "scope", "type": "dblclick"}],414              "update": "null"415            }416          ],417          "push": "outer"418        },419        {420          "name": "selector014_y_axis",421          "on": [422            {423              "events": {"signal": "selector014_translate_delta"},424              "update": "panLinear(selector014_translate_anchor.extent_y, selector014_translate_delta.y / height)"425            },426            {427              "events": {"signal": "selector014_zoom_delta"},428              "update": "zoomLinear(domain(\"concat_0_y\"), selector014_zoom_anchor.y, selector014_zoom_delta)"429            },430            {431              "events": [{"source": "scope", "type": "dblclick"}],432              "update": "null"433            }434          ],435          "push": "outer"436        },437        {438          "name": "selector014_tuple",439          "on": [440            {441              "events": [442                {"signal": "selector014_x_axis || selector014_y_axis"}443              ],444              "update": "selector014_x_axis && selector014_y_axis ? {unit: \"concat_0_layer_0\", fields: selector014_tuple_fields, values: [selector014_x_axis,selector014_y_axis]} : null"445            }446          ]447        },448        {449          "name": "selector014_tuple_fields",450          "value": [451            {"field": "x_axis", "channel": "x", "type": "R"},452            {"field": "y_axis", "channel": "y", "type": "R"}453          ]454        },455        {456          "name": "selector014_translate_anchor",457          "value": {},458          "on": [459            {460              "events": [{"source": "scope", "type": "mousedown"}],461              "update": "{x: x(unit), y: y(unit), extent_x: domain(\"concat_0_x\"), extent_y: domain(\"concat_0_y\")}"462            }463          ]464        },465        {466          "name": "selector014_translate_delta",467          "value": {},468          "on": [469            {470              "events": [471                {472                  "source": "window",473                  "type": "mousemove",474                  "consume": true,475                  "between": [476                    {"source": "scope", "type": "mousedown"},477                    {"source": "window", "type": "mouseup"}478                  ]479                }480              ],481              "update": "{x: selector014_translate_anchor.x - x(unit), y: selector014_translate_anchor.y - y(unit)}"482            }483          ]484        },485        {486          "name": "selector014_zoom_anchor",487          "on": [488            {489              "events": [{"source": "scope", "type": "wheel", "consume": true}],490              "update": "{x: invert(\"concat_0_x\", x(unit)), y: invert(\"concat_0_y\", y(unit))}"491            }492          ]493        },494        {495          "name": "selector014_zoom_delta",496          "on": [497            {498              "events": [{"source": "scope", "type": "wheel", "consume": true}],499              "force": true,500              "update": "pow(1.001, event.deltaY * pow(16, event.deltaMode))"501            }502          ]503        },504        {505          "name": "selector014_modify",506          "on": [507            {508              "events": {"signal": "selector014_tuple"},509              "update": "modify(\"selector014_store\", selector014_tuple, true)"510            }511          ]512        }513      ],514      "marks": [515        {516          "name": "concat_0_layer_0_marks",517          "type": "symbol",518          "clip": true,519          "style": ["circle"],520          "interactive": true,521          "from": {"data": "data_0"},522          "encode": {523            "update": {524              "opacity": {"value": 0.7},525              "size": {"value": 60},526              "fill": {"value": "#4c78a8"},527              "tooltip": {528                "signal": "{\"name\": ''+datum[\"name\"], \"original\": ''+datum[\"original\"]}"529              },530              "x": {"scale": "concat_0_x", "field": "x_axis"},531              "y": {"scale": "concat_0_y", "field": "y_axis"},532              "shape": {"value": "circle"}533            }534          }535        },536        {537          "name": "concat_0_layer_1_marks",538          "type": "text",539          "clip": true,540          "style": ["text"],541          "interactive": false,542          "from": {"data": "data_0"},543          "encode": {544            "update": {545              "dx": {"value": -15},546              "dy": {"value": 3},547              "fill": {"value": "black"},548              "x": {"scale": "concat_0_x", "field": "x_axis"},549              "y": {"scale": "concat_0_y", "field": "y_axis"},550              "text": {"signal": "''+datum[\"original\"]"},551              "align": {"value": "center"},552              "baseline": {"value": "middle"}553            }554          }555        }556      ],557      "axes": [558        {559          "scale": "concat_0_x",560          "orient": "bottom",561          "gridScale": "concat_0_y",562          "grid": true,563          "tickCount": {"signal": "ceil(concat_0_width/40)"},564          "domain": false,565          "labels": false,566          "maxExtent": 0,567          "minExtent": 0,568          "ticks": false,569          "zindex": 0570        },571        {572          "scale": "concat_0_y",573          "orient": "left",574          "gridScale": "concat_0_x",575          "grid": true,576          "tickCount": {"signal": "ceil(height/40)"},577          "domain": false,578          "labels": false,579          "maxExtent": 0,580          "minExtent": 0,581          "ticks": false,582          "zindex": 0583        },584        {585          "scale": "concat_0_x",586          "orient": "bottom",587          "grid": false,588          "title": "Dimension 0",589          "labelFlush": true,590          "labelOverlap": true,591          "tickCount": {"signal": "ceil(concat_0_width/40)"},592          "zindex": 0593        },594        {595          "scale": "concat_0_y",596          "orient": "left",597          "grid": false,598          "title": "Dimension 1",599          "labelOverlap": true,600          "tickCount": {"signal": "ceil(height/40)"},601          "zindex": 0602        }603      ]604    },605    {606      "type": "group",607      "name": "concat_1_group",608      "title": {"text": "Dimension 0 vs. Dimension 1", "frame": "group"},609      "style": "cell",610      "encode": {611        "update": {612          "width": {"signal": "concat_1_width"},613          "height": {"signal": "height"}614        }615      },616      "signals": [617        {618          "name": "selector015_x_axis",619          "on": [620            {621              "events": {"signal": "selector015_translate_delta"},622              "update": "panLinear(selector015_translate_anchor.extent_x, -selector015_translate_delta.x / concat_1_width)"623            },624            {625              "events": {"signal": "selector015_zoom_delta"},626              "update": "zoomLinear(domain(\"concat_1_x\"), selector015_zoom_anchor.x, selector015_zoom_delta)"627            },628            {629              "events": [{"source": "scope", "type": "dblclick"}],630              "update": "null"631            }632          ],633          "push": "outer"634        },635        {636          "name": "selector015_y_axis",637          "on": [638            {639              "events": {"signal": "selector015_translate_delta"},640              "update": "panLinear(selector015_translate_anchor.extent_y, selector015_translate_delta.y / height)"641            },642            {643              "events": {"signal": "selector015_zoom_delta"},644              "update": "zoomLinear(domain(\"concat_1_y\"), selector015_zoom_anchor.y, selector015_zoom_delta)"645            },646            {647              "events": [{"source": "scope", "type": "dblclick"}],648              "update": "null"649            }650          ],651          "push": "outer"652        },653        {654          "name": "selector015_tuple",655          "on": [656            {657              "events": [658                {"signal": "selector015_x_axis || selector015_y_axis"}659              ],660              "update": "selector015_x_axis && selector015_y_axis ? {unit: \"concat_1_layer_0\", fields: selector015_tuple_fields, values: [selector015_x_axis,selector015_y_axis]} : null"661            }662          ]663        },664        {665          "name": "selector015_tuple_fields",666          "value": [667            {"field": "x_axis", "channel": "x", "type": "R"},668            {"field": "y_axis", "channel": "y", "type": "R"}669          ]670        },671        {672          "name": "selector015_translate_anchor",673          "value": {},674          "on": [675            {676              "events": [{"source": "scope", "type": "mousedown"}],677              "update": "{x: x(unit), y: y(unit), extent_x: domain(\"concat_1_x\"), extent_y: domain(\"concat_1_y\")}"678            }679          ]680        },681        {682          "name": "selector015_translate_delta",683          "value": {},684          "on": [685            {686              "events": [687                {688                  "source": "window",689                  "type": "mousemove",690                  "consume": true,691                  "between": [692                    {"source": "scope", "type": "mousedown"},693                    {"source": "window", "type": "mouseup"}694                  ]695                }696              ],697              "update": "{x: selector015_translate_anchor.x - x(unit), y: selector015_translate_anchor.y - y(unit)}"698            }699          ]700        },701        {702          "name": "selector015_zoom_anchor",703          "on": [704            {705              "events": [{"source": "scope", "type": "wheel", "consume": true}],706              "update": "{x: invert(\"concat_1_x\", x(unit)), y: invert(\"concat_1_y\", y(unit))}"707            }708          ]709        },710        {711          "name": "selector015_zoom_delta",712          "on": [713            {714              "events": [{"source": "scope", "type": "wheel", "consume": true}],715              "force": true,716              "update": "pow(1.001, event.deltaY * pow(16, event.deltaMode))"717            }718          ]719        },720        {721          "name": "selector015_modify",722          "on": [723            {724              "events": {"signal": "selector015_tuple"},725              "update": "modify(\"selector015_store\", selector015_tuple, true)"726            }727          ]728        }729      ],730      "marks": [731        {732          "name": "concat_1_layer_0_marks",733          "type": "symbol",734          "clip": true,735          "style": ["circle"],736          "interactive": true,737          "from": {"data": "data_1"},738          "encode": {739            "update": {740              "opacity": {"value": 0.7},741              "size": {"value": 60},742              "fill": {"value": "#4c78a8"},743              "tooltip": {744                "signal": "{\"name\": ''+datum[\"name\"], \"original\": ''+datum[\"original\"]}"745              },746              "x": {"scale": "concat_1_x", "field": "x_axis"},747              "y": {"scale": "concat_1_y", "field": "y_axis"},748              "shape": {"value": "circle"}749            }750          }751        },752        {753          "name": "concat_1_layer_1_marks",754          "type": "text",755          "clip": true,756          "style": ["text"],757          "interactive": false,758          "from": {"data": "data_1"},759          "encode": {760            "update": {761              "dx": {"value": -15},762              "dy": {"value": 3},763              "fill": {"value": "black"},764              "x": {"scale": "concat_1_x", "field": "x_axis"},765              "y": {"scale": "concat_1_y", "field": "y_axis"},766              "text": {"signal": "''+datum[\"original\"]"},767              "align": {"value": "center"},768              "baseline": {"value": "middle"}769            }770          }771        }772      ],773      "axes": [774        {775          "scale": "concat_1_x",776          "orient": "bottom",777          "gridScale": "concat_1_y",778          "grid": true,779          "tickCount": {"signal": "ceil(concat_1_width/40)"},780          "domain": false,781          "labels": false,782          "maxExtent": 0,783          "minExtent": 0,784          "ticks": false,785          "zindex": 0786        },787        {788          "scale": "concat_1_y",789          "orient": "left",790          "gridScale": "concat_1_x",791          "grid": true,792          "tickCount": {"signal": "ceil(height/40)"},793          "domain": false,794          "labels": false,795          "maxExtent": 0,796          "minExtent": 0,797          "ticks": false,798          "zindex": 0799        },800        {801          "scale": "concat_1_x",802          "orient": "bottom",803          "grid": false,804          "title": "Dimension 0",805          "labelFlush": true,806          "labelOverlap": true,807          "tickCount": {"signal": "ceil(concat_1_width/40)"},808          "zindex": 0809        },810        {811          "scale": "concat_1_y",812          "orient": "left",813          "grid": false,814          "title": "Dimension 1",815          "labelOverlap": true,816          "tickCount": {"signal": "ceil(height/40)"},817          "zindex": 0818        }819      ]820    }821  ],822  "scales": [823    {824      "name": "concat_0_x",825      "type": "linear",826      "domain": {"data": "data_0", "field": "x_axis"},827      "domainRaw": {"signal": "selector014[\"x_axis\"]"},828      "range": [0, {"signal": "concat_0_width"}],829      "nice": true,830      "zero": true831    },832    {833      "name": "concat_0_y",834      "type": "linear",835      "domain": {"data": "data_0", "field": "y_axis"},836      "domainRaw": {"signal": "selector014[\"y_axis\"]"},837      "range": [{"signal": "height"}, 0],838      "nice": true,839      "zero": true840    },841    {842      "name": "concat_1_x",843      "type": "linear",844      "domain": {"data": "data_1", "field": "x_axis"},845      "domainRaw": {"signal": "selector015[\"x_axis\"]"},846      "range": [0, {"signal": "concat_1_width"}],847      "nice": true,848      "zero": true849    },850    {851      "name": "concat_1_y",852      "type": "linear",853      "domain": {"data": "data_1", "field": "y_axis"},854      "domainRaw": {"signal": "selector015[\"y_axis\"]"},855      "range": [{"signal": "height"}, 0],856      "nice": true,857      "zero": true858    }859  ]860}...

interactive1.js

Source:interactive1.js

1var spec1 = {2  "config": {"view": {"continuousWidth": 400, "continuousHeight": 300}},3  "hconcat": [4    {5      "layer": [6        {7          "mark": {"type": "circle", "size": 60},8          "encoding": {9            "tooltip": [10              {"type": "nominal", "field": "name"},11              {"type": "nominal", "field": "original"}12            ],13            "x": {14              "type": "quantitative",15              "axis": {"title": "man"},16              "field": "x_axis"17            },18            "y": {19              "type": "quantitative",20              "axis": {"title": "woman"},21              "field": "y_axis"22            }23          },24          "selection": {25            "selector003": {26              "type": "interval",27              "bind": "scales",28              "encodings": ["x", "y"]29            }30          },31          "title": "man vs. woman"32        },33        {34          "mark": {"type": "text", "color": "black", "dx": -15, "dy": 3},35          "encoding": {36            "text": {"type": "nominal", "field": "original"},37            "x": {38              "type": "quantitative",39              "axis": {"title": "man"},40              "field": "x_axis"41            },42            "y": {43              "type": "quantitative",44              "axis": {"title": "woman"},45              "field": "y_axis"46            }47          }48        }49      ],50      "data": {"name": "data-15774a1af3e17e7d98478860e09ed029"},51      "height": 300,52      "width": 30053    },54    {55      "layer": [56        {57          "mark": {"type": "circle", "size": 60},58          "encoding": {59            "tooltip": [60              {"type": "nominal", "field": "name"},61              {"type": "nominal", "field": "original"}62            ],63            "x": {64              "type": "quantitative",65              "axis": {"title": "(man | (king - queen))"},66              "field": "x_axis"67            },68            "y": {69              "type": "quantitative",70              "axis": {"title": "(woman | (king - queen))"},71              "field": "y_axis"72            }73          },74          "selection": {75            "selector002": {76              "type": "interval",77              "bind": "scales",78              "encodings": ["x", "y"]79            }80          },81          "title": "(man | (king - queen)) vs. (woman | (king - queen))"82        },83        {84          "mark": {"type": "text", "color": "black", "dx": -15, "dy": 3},85          "encoding": {86            "text": {"type": "nominal", "field": "original"},87            "x": {88              "type": "quantitative",89              "axis": {"title": "(man | (king - queen))"},90              "field": "x_axis"91            },92            "y": {93              "type": "quantitative",94              "axis": {"title": "(woman | (king - queen))"},95              "field": "y_axis"96            }97          }98        }99      ],100      "data": {"name": "data-5ef8856a00a327788b3c3840144bb429"},101      "height": 300,102      "width": 300103    }104  ],105  "$schema": "https://vega.github.io/schema/vega-lite/v4.0.2.json",106  "datasets": {107    "data-15774a1af3e17e7d98478860e09ed029": [108      {109        "x_axis": 0.40951526165008545,110        "y_axis": 0.3261851966381073,111        "name": "prince",112        "original": "prince"113      },114      {115        "x_axis": 0.27098548412323,116        "y_axis": 0.4069218039512634,117        "name": "princess",118        "original": "princess"119      },120      {121        "x_axis": 0.3271060585975647,122        "y_axis": 0.5211429595947266,123        "name": "nurse",124        "original": "nurse"125      },126      {127        "x_axis": 0.4489893317222595,128        "y_axis": 0.4943573474884033,129        "name": "doctor",130        "original": "doctor"131      },132      {133        "x_axis": 0.19353565573692322,134        "y_axis": 0.09302382916212082,135        "name": "banker",136        "original": "banker"137      },138      {139        "x_axis": 0.38155144453048706,140        "y_axis": 0.33430397510528564,141        "name": "cousin",142        "original": "cousin"143      },144      {145        "x_axis": 0.29427674412727356,146        "y_axis": 0.41036874055862427,147        "name": "neice",148        "original": "neice"149      },150      {151        "x_axis": 0.45961007475852966,152        "y_axis": 0.27491992712020874,153        "name": "king",154        "original": "king"155      },156      {157        "x_axis": 0.2914373576641083,158        "y_axis": 0.40253907442092896,159        "name": "queen",160        "original": "queen"161      },162      {163        "x_axis": 0.6322574615478516,164        "y_axis": 0.37293168902397156,165        "name": "dude",166        "original": "dude"167      },168      {169        "x_axis": 0.689598560333252,170        "y_axis": 0.4880948066711426,171        "name": "guy",172        "original": "guy"173      },174      {175        "x_axis": 0.30102455615997314,176        "y_axis": 0.3522968888282776,177        "name": "gal",178        "original": "gal"179      },180      {181        "x_axis": 0.4537816643714905,182        "y_axis": 0.31863078474998474,183        "name": "fire",184        "original": "fire"185      },186      {187        "x_axis": 0.4621913731098175,188        "y_axis": 0.4013059139251709,189        "name": "dog",190        "original": "dog"191      },192      {193        "x_axis": 0.3758322596549988,194        "y_axis": 0.34616324305534363,195        "name": "cat",196        "original": "cat"197      },198      {199        "x_axis": 0.2176199108362198,200        "y_axis": 0.18362130224704742,201        "name": "mouse",202        "original": "mouse"203      },204      {205        "x_axis": 0.2972288429737091,206        "y_axis": 0.3045094907283783,207        "name": "red",208        "original": "red"209      },210      {"x_axis": 0, "y_axis": 0, "name": "blue", "original": "blue"},211      {212        "x_axis": 0.25164204835891724,213        "y_axis": 0.215010866522789,214        "name": "green",215        "original": "green"216      },217      {218        "x_axis": 0.2725669741630554,219        "y_axis": 0.25106003880500793,220        "name": "yellow",221        "original": "yellow"222      },223      {224        "x_axis": 0.335124671459198,225        "y_axis": 0.2691221237182617,226        "name": "water",227        "original": "water"228      },229      {230        "x_axis": 0.538722574710846,231        "y_axis": 0.5015737414360046,232        "name": "person",233        "original": "person"234      },235      {236        "x_axis": 0.3436667323112488,237        "y_axis": 0.3416234254837036,238        "name": "family",239        "original": "family"240      },241      {242        "x_axis": 0.5816835165023804,243        "y_axis": 0.39277997612953186,244        "name": "brother",245        "original": "brother"246      },247      {248        "x_axis": 0.3568364381790161,249        "y_axis": 0.4736946225166321,250        "name": "sister",251        "original": "sister"252      }253    ],254    "data-5ef8856a00a327788b3c3840144bb429": [255      {256        "x_axis": 0.3721413016319275,257        "y_axis": 0.37740591168403625,258        "name": "(prince | (king - queen))",259        "original": "prince"260      },261      {262        "x_axis": 0.32078519463539124,263        "y_axis": 0.3907199800014496,264        "name": "(princess | (king - queen))",265        "original": "princess"266      },267      {268        "x_axis": 0.38499051332473755,269        "y_axis": 0.5041420459747314,270        "name": "(nurse | (king - queen))",271        "original": "nurse"272      },273      {274        "x_axis": 0.46731048822402954,275        "y_axis": 0.5102049708366394,276        "name": "(doctor | (king - queen))",277        "original": "doctor"278      },279      {280        "x_axis": 0.1731649786233902,281        "y_axis": 0.11744287610054016,282        "name": "(banker | (king - queen))",283        "original": "banker"284      },285      {286        "x_axis": 0.3942609429359436,287        "y_axis": 0.3473650813102722,288        "name": "(cousin | (king - queen))",289        "original": "cousin"290      },291      {292        "x_axis": 0.3400344252586365,293        "y_axis": 0.39806586503982544,294        "name": "(neice | (king - queen))",295        "original": "neice"296      },297      {298        "x_axis": 0.3779345750808716,299        "y_axis": 0.3594277501106262,300        "name": "(king | (king - queen))",301        "original": "king"302      },303      {304        "x_axis": 0.3779345750808716,305        "y_axis": 0.35942772030830383,306        "name": "(queen | (king - queen))",307        "original": "queen"308      },309      {310        "x_axis": 0.6412995457649231,311        "y_axis": 0.3981958031654358,312        "name": "(dude | (king - queen))",313        "original": "dude"314      },315      {316        "x_axis": 0.6984968185424805,317        "y_axis": 0.5187848806381226,318        "name": "(guy | (king - queen))",319        "original": "guy"320      },321      {322        "x_axis": 0.3681216537952423,323        "y_axis": 0.32252824306488037,324        "name": "(gal | (king - queen))",325        "original": "gal"326      },327      {328        "x_axis": 0.46388524770736694,329        "y_axis": 0.3355717957019806,330        "name": "(fire | (king - queen))",331        "original": "fire"332      },333      {334        "x_axis": 0.47540125250816345,335        "y_axis": 0.4186546504497528,336        "name": "(dog | (king - queen))",337        "original": "dog"338      },339      {340        "x_axis": 0.398105651140213,341        "y_axis": 0.3522307574748993,342        "name": "(cat | (king - queen))",343        "original": "cat"344      },345      {346        "x_axis": 0.22983808815479279,347        "y_axis": 0.187143474817276,348        "name": "(mouse | (king - queen))",349        "original": "mouse"350      },351      {352        "x_axis": 0.3163382112979889,353        "y_axis": 0.30910223722457886,354        "name": "(red | (king - queen))",355        "original": "red"356      },357      {358        "x_axis": 0,359        "y_axis": 0,360        "name": "(blue | (king - queen))",361        "original": "blue"362      },363      {364        "x_axis": 0.26152005791664124,365        "y_axis": 0.2223435342311859,366        "name": "(green | (king - queen))",367        "original": "green"368      },369      {370        "x_axis": 0.29196789860725403,371        "y_axis": 0.253030925989151,372        "name": "(yellow | (king - queen))",373        "original": "yellow"374      },375      {376        "x_axis": 0.34176596999168396,377        "y_axis": 0.2832501232624054,378        "name": "(water | (king - queen))",379        "original": "water"380      },381      {382        "x_axis": 0.5559191107749939,383        "y_axis": 0.5214522480964661,384        "name": "(person | (king - queen))",385        "original": "person"386      },387      {388        "x_axis": 0.3543766736984253,389        "y_axis": 0.35514166951179504,390        "name": "(family | (king - queen))",391        "original": "family"392      },393      {394        "x_axis": 0.5562112927436829,395        "y_axis": 0.4427803158760071,396        "name": "(brother | (king - queen))",397        "original": "brother"398      },399      {400        "x_axis": 0.40646934509277344,401        "y_axis": 0.46244552731513977,402        "name": "(sister | (king - queen))",403        "original": "sister"404      }405    ]406  }407}...

script.js

Source:script.js

...9    }10    get x_axis() {11        return this._x;12    }13    set y_axis(y) {14        this._y = y;15    }16    get y_axis() {17        return this._y;18    }19    get dim() {20        return this._d;21    }22    get img(){23        return this._img;24    }25    set img(img){26         this._img = img;27    }28}29document.addEventListener("keydown", move);30var scoreTable = document.getElementById("scoreTable");...

Using AI Code Generation

1var wpt = require('wpt');2var options = {3};4wpt.y_axis(options, function(error, data) {5  if (error) {6    console.log(error);7  } else {8    console.log(data);9  }10});11var wpt = require('wpt');12var options = {13};14wpt.waterfall(options, function(error, data) {15  if (error) {16    console.log(error);17  } else {18    console.log(data);19  }20});21var wpt = require('wpt');22var options = {23};24wpt.waterfall_png(options, function(error, data) {25  if (error) {26    console.log(error);27  } else {28    console.log(data);29  }30});31var wpt = require('wpt');32var options = {33};34wpt.waterfall_thumb(options, function(error, data) {35  if (error) {36    console.log(error);37  } else {38    console.log(data);39  }40});41var wpt = require('wpt');42var options = {43};44wpt.waterfall_thumb_png(options, function(error, data) {45  if (error) {46    console.log(error);47  } else {48    console.log(data);49  }50});51var wpt = require('wpt');52var options = {53};54wpt.waterfall_thumb_jpg(options, function(error, data) {55  if (error) {56    console.log(error);57  } else {58    console.log(data);59  }60});61var wpt = require('wpt');

Using AI Code Generation

1var wptchart = require('wptchart');2var chart = new wptchart();3chart.y_axis('test');4var wptchart = require('wptchart');5var chart = new wptchart();6chart.y_axis('test');

Using AI Code Generation

1var wpt = require('wpt')2var wpt = new wpt('API_KEY')3wpt.y_axis('testId', 'yAxis', function(err, data) {4  if (err) {5    console.log(err)6  }7  else {8    console.log(data)9  }10})11var wpt = require('wpt')12var wpt = new wpt('API_KEY')13wpt.y_axis('testId', 'yAxis', function(err, data) {14  if (err) {15    console.log(err)16  }17  else {18    console.log(data)19  }20})21var wpt = require('wpt')22var wpt = new wpt('API_KEY')23wpt.y_axis('testId', 'yAxis', function(err, data) {24  if (err) {25    console.log(err)26  }27  else {28    console.log(data)29  }30})31var wpt = require('wpt')32var wpt = new wpt('API_KEY')33wpt.y_axis('testId', 'yAxis', function(err, data) {34  if (err) {35    console.log(err)36  }37  else {38    console.log(data)39  }40})

Using AI Code Generation

1var wpt = require('wpt')2var wpt = new Wpt('API_KEY')3wpt.y_axis('testId', function(err, data){4  if(err){5  } else {6  }7})8var wpt = require('wpt')9var wpt = new Wpt('API_KEY')10wpt.waterfall('testId', function(err, data){11  if(err){12  } else {13  }14})15var wpt = require('wpt')16var wpt = new Wpt('API_KEY')17wpt.waterfall('testId', function(err, data){18  if(err){19  } else {20  }21})22var wpt = require('wpt')23var wpt = new Wpt('API_KEY')24wpt.waterfall('testId', function(err, data){25  if(err){26  } else {27  }28})29var wpt = require('wpt')30var wpt = new Wpt('API_KEY')31wpt.waterfall('testId', function(err, data){32  if(err){33  } else {34  }35})36var wpt = require('wpt')37var wpt = new Wpt('API_KEY')38wpt.waterfall('testId', function(err, data){39  if(err){40  } else {41  }42})43var wpt = require('wpt')44var wpt = new Wpt('API_KEY')45wpt.waterfall('testId', function(err, data){46  if(err){47  } else {48  }49})

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.