const lanes = d3.select("#surface") .append("g") .attr("transform","translate(0,0) scale(1,1)") .attr("id","lanes"); lanes.append('polygon').attrs({"id":"sea0", "fill-rule": "nonzero", "fill":"#B7DDDF","points":"236 25 261 20 271 16 281 9 297 9 303 0 341 0 354 9 380 0 396 9 418 9 435 16 453 16 471 23 482 39 501 48 511 73 521 84 521 101 530 113 552 113 570 121 579 121 590 128 616 121 640 121 648 128 659 134 677 140 692 134 710 128 741 134 752 154 768 162 768 176 777 185 791 194 783 212 791 223 800 237 791 253 791 277 800 282 808 303 808 325 821 337 821 356 840 374 840 400 850 409 850 417 859 450 864 465 859 471 859 505 850 531 850 540 840 549 821 559 813 580 800 585 783 580 768 585 752 591 721 585 703 591 677 585 659 591 640 585 624 580 603 585 590 580 570 580 546 574 530 574 521 585 506 585 496 599 482 591 462 599 462 608 435 614 428 630 380 630 354 641 341 655 323 655 303 671 286 663 256 663 245 655 239 646 219 646 204 630 199 614 191 599 174 591 145 591 133 585 121 574 115 559 102 549 93 540 87 526 87 511 77 495 71 483 66 471 56 465 49 450 39 436 20 423 0 394 0 374 9 356 9 325 0 308 0 294 9 277 0 262 0 253 9 223 9 212 20 201 29 169 39 155 46 135 54 130 59 120 74 120 82 111 94 97 109 89 109 77 127 69 154 63 154 54 163 47 192 41 206 25"}); lanes.append('polygon').attrs({"id":"radient","fill":"#A0E0B6","points":"382 571 398 557 430 543 446 537 482 543 504 537 522 543 552 543 572 531 592 531 618 543 646 557 668 557 716 557 748 571 766 557 802 557 802 531 814 501 824 489 814 465 814 453 802 427 802 409 792 389 792 377 792 355 766 355 748 331 748 317 730 317 716 307 688 291 682 281 698 273 716 253 730 241 716 221 716 207 698 201 688 179 668 201 646 201 634 201 618 207 610 201 592 201 572 221 552 201 534 201 512 201 496 201 482 165 482 143 464 133 446 117 446 101 412 91 382 63 382 47 360 47 338 47 328 31 312 31 302 47 270 47 244 47 228 63 218 77 194 91 172 91 156 101 156 117 138 133 118 143 108 165 86 179 86 201 58 221 58 241 44 253 44 273 58 291 58 307 58 331 68 355 68 377 86 389 86 409 86 427 86 453 108 465 108 489 118 501 118 519 138 531 156 531 172 543 194 543 204 557 218 571 218 589 244 603 256 625 270 625 290 635 312 625 328 625 360 589"}); lanes.append('path').attrs({"d":"M382,571 L398,557 L430,543 L446,537 L482,543 L504,537 L522,543 L552,543 L572,531 L592,531 L618,543 L646,557 L668,557 L628.9375,519 L628.9375,478.023437 L580.054688,478.023437 L487.351562,489 L467.585938,465 L504,453 L504,435.441406 L487.351562,427 L455.15625,435.441406 L398,445.542969 L360,409 L328,335.5 L339.515625,317 L345.496094,281 L345.496094,273 L328,273 L302,273 C305.47092,263.137587 305.47092,256.47092 302,253 C298.52908,249.52908 287.862413,238.862413 270,221 L244,228.4375 L244,207 L244,179 L244,158.460938 L228,158.460938 L204,165 L172,91 L156,101 L156,117 L138,133 L118,143 L108,165 L86,179 L86,201 L58,221 L58,241 L44,253 L44,273 L58,291 L58,307 L58,331 L68,355 L68,377 L86,389 L86,409 L86,427 L86,453 L108,465 L108,489 L118,501 L118,519 L138,531 L156,531 L172,543 L194,543 L204,557 L218,571 L218,589 L244,603 L256,625 L270,625 L290,635 L312,625 L328,625 L360,589 L382,571 Z","id":"dire","fill":"#BBC3BE"}); lanes.append('polygon').attrs({"id":"lane","fill":"#DDE0A0","points":"634 346.0625 659.320313 369.847656 684.355469 395.851563 699.671875 427 707.121094 453 723.09375 477.597656 731.351563 507.539062 768.214844 513.539062 814 501 824 489 814 465 814 453 802 427 802 409 775.261719 406 762.765625 389 741.351563 395.851563 723.09375 395.851563 723.09375 369.847656 693.421875 363 668 335.5 646 317 634 291 618 273 599.523438 247.160156 579.269531 247.160156 563.277344 247.160156 541.660156 247.160156 522 241 496 241 476.386719 253 457.167969 262.945312 441 262.945312 412 253 382 253 346.53125 262.945312 319.609375 273 270 307 244 307 218 300.453125 194 300.453125 172 300.453125 156 291 138 291 118 291 97.9570313 281 75.3320312 273 58 291 58 307 58 331 68 355 68 377 86 389 86 409 108.714844 409 145.527344 409 172 389 194 383.027344 218 355 244 355 277.1875 341 312 317 346.53125 291 398 281 430 281 457.167969 291 482 291 514.183594 273 534.011719 273 552 281 572 281 592 291 610.8125 317"});