draw_simplified.html

<!-- vim: sw=4 ts=4 expandtab smartindent ft=javascript
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>draw</title>
    <style>
document, body { margin: 0px; padding: 0px; overflow: hidden; }
.hud {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
    font-family: monospace;
    padding: 0.3rem;

    button {
        margin: 0.3rem;
    }

    .labeled_input {
        display: flex;
        justify-content: space-between;
        gap: 0.8rem;
        padding: 0.3rem;
        label {
            height: 100%;
            margin-top: auto;
            margin-bottom: auto;
        }
    }
}
    </style>
  </head>

  <body>
    <div class="hud">
        <div class="labeled_input">
            <label for="segment_threshold">Segment Threshold</label>
            <input  id="segment_threshold" type="number" value="10"></input>
        </div>
        <div class="labeled_input">
            <label for="segment_angle">Segment Angle</label>
            <input  id="segment_angle" type="number" step="0.001" value="0.028"></input>
        </div>
        <button id="segments_clear"> clear </button>
        <button id="segments_example"> overwrite with example </button>
    </div>
    <canvas id="glcanvas"></canvas>
    <script>"use strict";

const canvas = document.getElementById("glcanvas");
const ctx = canvas.getContext('2d');
(window.onresize = () => {
   canvas.width = window.innerWidth*window.devicePixelRatio,
   canvas.height = window.innerHeight*window.devicePixelRatio
   canvas.style.width = window.innerWidth + 'px';
   canvas.style.height = window.innerHeight + 'px';
})();

let raw_paths = [[]];
let refined_paths = [[]];
segments_clear.onclick = () => {
    raw_paths = [[]];
    refined_paths = [[]];
    stop_autodraw();
}
segments_example.onclick = () => {
    stop_autodraw();
    raw_paths = [[]];
    refined_paths = [[]];
    for (const line of example_vector) {
        for (const p of line) add_point(p);
        refined_paths.push([]);
        raw_paths    .push([]);
    }
}

const extractValue = (value) => {
    value = parseFloat(value);
    if (isNaN(value)) return 0;
    return value;
}
function add_point(mouse, raw_path_index=(raw_paths.length - 1), add_raw=true) {
    if (add_raw) raw_paths[raw_path_index].push(mouse);

    const path = raw_paths[raw_path_index];
    if (path.length > 3) do {

        const out = [path[0]];
        let segment_start = path[0];

        let current_delta_x, current_delta_y;

        for (let i = 0; i < path.length; i++) {
            const p = path[i];
            const delta_x = segment_start.x - path[i].x;
            const delta_y = segment_start.y - path[i].y;
            const len = Math.sqrt(delta_x*delta_x + delta_y*delta_y);
            if (len == 0) continue;
            current_delta_x = delta_x / len;
            current_delta_y = delta_y / len;
            break;
        }
        if (current_delta_x == null) break;

        for (let i = 1; i < path.length; i++) {
            const last_p = path[i - 1];
            const this_p = path[i];

            let to_start_x = last_p.x - this_p.x;
            let to_start_y = last_p.y - this_p.y;
            const to_start_len = Math.sqrt(to_start_x*to_start_x + to_start_y*to_start_y);
            if (to_start_len <= 0) continue;
            to_start_x /= to_start_len;
            to_start_y /= to_start_len;

            const dot = to_start_x*current_delta_x + to_start_y*current_delta_y;
            if (isNaN(dot)) debugger;
            if (Math.abs(1 - dot) > extractValue(segment_angle.value)) {
                let broke = false;
                
                for (let next_i = i + 1; ; next_i++){
                    if (next_i >= path.length) break;
                    current_delta_x = this_p.x - path[next_i].x;
                    current_delta_y = this_p.y - path[next_i].y;
                    const len = Math.sqrt(current_delta_x*current_delta_x + current_delta_y*current_delta_y);
                    if (len <= extractValue(segment_threshold.value)) continue;
                    current_delta_x /= len;
                    current_delta_y /= len;
                    broke = true;
                    i = next_i;
                    break;
                }

                if (broke) {
                    segment_start = this_p;
                    out.push(segment_start);
                }

            }
        }

        out.push(mouse);
        refined_paths[refined_paths.length - 1] = out;
    } while(false);
}

let mouse_down = false;
canvas.onmousedown = e => {
    if (stop_autodraw()) {
        raw_paths    .push([]);
        refined_paths.push([]);
    }
    mouse_down = true;
}
window.onmouseup = e => {
    mouse_down = false;
    raw_paths    .push([]);
    refined_paths.push([]);
}
window.onmousemove = e => {
    if (mouse_down) add_point(
        { x: e.pageX * window.devicePixelRatio,
          y: e.pageY * window.devicePixelRatio }
    );
};

segment_angle.oninput = segment_threshold.oninput = () => {
    refined_paths = [[]];
    for (let i = 0; i < raw_paths.length; i++) {
        const line = raw_paths[i];
        for (const p of line) add_point(p, i, false);
        refined_paths.push([]);
    }
}

requestAnimationFrame(function render(now) {
  requestAnimationFrame(render);

  ctx.fillStyle = "rgb(14, 95, 171)";
  ctx.fillRect(0, 0, canvas.width, canvas.height);

  {
      ctx.fillStyle = "white";
      ctx.font = "40px monospace";

      const ratio = raw_paths.reduce((a, x) => a + x.length, 0) / refined_paths.reduce((a, x) => a + x.length, 0);

      const text = [
          "This tool uses some simple math to simplify the provided path.",
          `Draw below to see how it works`,
          "",
          " This might be useful if you are:",
          " - Wanting to smooth out input from users with shaky hands",
          " - Making a game about consructing railways",
          " - Wanting to send less vector data over a network",
          " - Making a tool for architects who like straight lines",
          " etc.",
          "",
          "You can tell it's doing a good job if:",
          " - The thin line looks like the thick line",
          " - There are only as many red points as needed to do the job",
          "",
          `The refined path is ${ratio.toFixed(1)}x smaller than the original`,
      ]
      let y = 100;
      for (const line of text) {
          ctx.fillText(line, 100, y);
          y += 50;
      }
  }

  ctx.save();
  {
    {
      const paths = refined_paths;
      ctx.strokeStyle = 'white';

      for (const path of paths) {
          ctx.beginPath();
          for (let i = 0; i < path.length; i++) {
              const p = path[i];
              ctx[i ? 'lineTo' : 'moveTo'](p.x, p.y);

              ctx.fillStyle = "purple";
              const size = 20;
              ctx.fillRect(p.x - size*0.5, p.y - size*0.5, size, size);
          }
          ctx.lineWidth = 4 * window.devicePixelRatio;
          ctx.stroke();
          ctx.closePath();
      }
    }
    {
      const paths = raw_paths;
      ctx.strokeStyle = "rgb(200, 200, 200)";

      for (const path of paths) {
          ctx.beginPath();
          for (let i = 0; i < path.length; i++) {
              const p = path[i];
              ctx[i ? 'lineTo' : 'moveTo'](p.x, p.y);
          }
          ctx.lineWidth = window.devicePixelRatio;
          ctx.stroke();
          ctx.closePath();
      }
    }
  }
  ctx.restore();
});

const example_vector = [
    [
        { "x": 910, "y": 1092 },
        { "x": 910, "y": 1092 },
        { "x": 902, "y": 1096 },
        { "x": 892, "y": 1098 },
        { "x": 884, "y": 1100 },
        { "x": 868, "y": 1102 },
        { "x": 846, "y": 1102 },
        { "x": 828, "y": 1100 },
        { "x": 804, "y": 1096 },
        { "x": 784, "y": 1094 },
        { "x": 772, "y": 1092 },
        { "x": 758, "y": 1088 },
        { "x": 750, "y": 1086 },
        { "x": 740, "y": 1084 },
        { "x": 734, "y": 1080 },
        { "x": 726, "y": 1076 },
        { "x": 714, "y": 1070 },
        { "x": 702, "y": 1062 },
        { "x": 694, "y": 1056 },
        { "x": 690, "y": 1054 },
        { "x": 686, "y": 1048 },
        { "x": 684, "y": 1044 },
        { "x": 684, "y": 1038 },
        { "x": 684, "y": 1032 },
        { "x": 686, "y": 1028 },
        { "x": 688, "y": 1022 },
        { "x": 688, "y": 1018 },
        { "x": 692, "y": 1014 },
        { "x": 696, "y": 1012 },
        { "x": 700, "y": 1008 },
        { "x": 706, "y": 1006 },
        { "x": 714, "y": 1004 },
        { "x": 722, "y": 1002 },
        { "x": 730, "y": 1002 },
        { "x": 738, "y": 1000 },
        { "x": 748, "y": 998 },
        { "x": 756, "y": 998 },
        { "x": 766, "y": 996 },
        { "x": 782, "y": 994 },
        { "x": 800, "y": 994 },
        { "x": 822, "y": 994 },
        { "x": 842, "y": 996 },
        { "x": 848, "y": 996 },
        { "x": 858, "y": 996 },
        { "x": 866, "y": 996 },
        { "x": 874, "y": 998 },
        { "x": 886, "y": 1000 },
        { "x": 894, "y": 1002 },
        { "x": 902, "y": 1004 },
        { "x": 908, "y": 1006 },
        { "x": 914, "y": 1008 },
        { "x": 916, "y": 1010 },
        { "x": 924, "y": 1014 },
        { "x": 930, "y": 1016 },
        { "x": 936, "y": 1020 },
        { "x": 942, "y": 1024 },
        { "x": 948, "y": 1026 },
        { "x": 954, "y": 1030 },
        { "x": 960, "y": 1034 },
        { "x": 968, "y": 1040 },
        { "x": 978, "y": 1046 },
        { "x": 988, "y": 1052 },
        { "x": 996, "y": 1056 },
        { "x": 1004, "y": 1060 },
        { "x": 1012, "y": 1062 },
        { "x": 1024, "y": 1068 },
        { "x": 1036, "y": 1072 },
        { "x": 1056, "y": 1080 },
        { "x": 1086, "y": 1090 },
        { "x": 1106, "y": 1094 },
        { "x": 1140, "y": 1104 },
        { "x": 1176, "y": 1110 },
        { "x": 1212, "y": 1116 },
        { "x": 1252, "y": 1120 },
        { "x": 1272, "y": 1122 },
        { "x": 1286, "y": 1122 },
        { "x": 1294, "y": 1122 },
        { "x": 1298, "y": 1122 },
        { "x": 1302, "y": 1120 },
        { "x": 1310, "y": 1118 },
        { "x": 1318, "y": 1116 },
        { "x": 1324, "y": 1114 },
        { "x": 1328, "y": 1110 },
        { "x": 1332, "y": 1104 },
        { "x": 1340, "y": 1096 },
        { "x": 1346, "y": 1090 },
        { "x": 1350, "y": 1086 },
        { "x": 1354, "y": 1080 },
        { "x": 1356, "y": 1076 },
        { "x": 1358, "y": 1070 },
        { "x": 1358, "y": 1068 },
        { "x": 1360, "y": 1064 },
        { "x": 1360, "y": 1058 },
        { "x": 1362, "y": 1052 },
        { "x": 1362, "y": 1048 },
        { "x": 1360, "y": 1042 },
        { "x": 1360, "y": 1038 },
        { "x": 1356, "y": 1032 },
        { "x": 1354, "y": 1026 },
        { "x": 1352, "y": 1022 },
        { "x": 1350, "y": 1020 },
        { "x": 1348, "y": 1016 },
        { "x": 1344, "y": 1014 },
        { "x": 1340, "y": 1010 },
        { "x": 1338, "y": 1008 },
        { "x": 1332, "y": 1004 },
        { "x": 1326, "y": 1002 },
        { "x": 1318, "y": 998 },
        { "x": 1304, "y": 994 },
        { "x": 1294, "y": 990 },
        { "x": 1284, "y": 988 },
        { "x": 1272, "y": 984 },
        { "x": 1264, "y": 982 },
        { "x": 1254, "y": 980 },
        { "x": 1244, "y": 978 },
        { "x": 1240, "y": 978 },
        { "x": 1236, "y": 978 },
        { "x": 1232, "y": 980 },
        { "x": 1232, "y": 980 },
        { "x": 1230, "y": 980 },
        { "x": 1230, "y": 982 },
        { "x": 1230, "y": 982 },
        { "x": 1230, "y": 982 },
        { "x": 1230, "y": 982 }
    ],
    [
        { "x": 890, "y": 1468 },
        { "x": 890, "y": 1468 },
        { "x": 896, "y": 1466 },
        { "x": 900, "y": 1464 },
        { "x": 904, "y": 1462 },
        { "x": 908, "y": 1456 },
        { "x": 912, "y": 1452 },
        { "x": 916, "y": 1448 },
        { "x": 926, "y": 1438 },
        { "x": 936, "y": 1432 },
        { "x": 948, "y": 1422 },
        { "x": 956, "y": 1414 },
        { "x": 964, "y": 1404 },
        { "x": 972, "y": 1392 },
        { "x": 978, "y": 1384 },
        { "x": 982, "y": 1374 },
        { "x": 986, "y": 1362 },
        { "x": 988, "y": 1356 },
        { "x": 994, "y": 1344 },
        { "x": 1002, "y": 1330 },
        { "x": 1006, "y": 1320 },
        { "x": 1014, "y": 1308 },
        { "x": 1018, "y": 1298 },
        { "x": 1020, "y": 1288 },
        { "x": 1024, "y": 1278 },
        { "x": 1026, "y": 1272 },
        { "x": 1028, "y": 1266 },
        { "x": 1030, "y": 1260 },
        { "x": 1032, "y": 1254 },
        { "x": 1034, "y": 1248 },
        { "x": 1036, "y": 1242 },
        { "x": 1040, "y": 1234 },
        { "x": 1042, "y": 1226 },
        { "x": 1046, "y": 1216 },
        { "x": 1048, "y": 1204 },
        { "x": 1052, "y": 1192 },
        { "x": 1054, "y": 1182 },
        { "x": 1058, "y": 1172 },
        { "x": 1058, "y": 1166 },
        { "x": 1058, "y": 1158 },
        { "x": 1060, "y": 1150 },
        { "x": 1060, "y": 1142 },
        { "x": 1062, "y": 1132 },
        { "x": 1062, "y": 1126 },
        { "x": 1062, "y": 1122 },
        { "x": 1062, "y": 1116 },
        { "x": 1062, "y": 1112 },
        { "x": 1062, "y": 1110 },
        { "x": 1062, "y": 1106 },
        { "x": 1060, "y": 1102 },
        { "x": 1060, "y": 1100 },
        { "x": 1060, "y": 1100 },
        { "x": 1060, "y": 1100 },
        { "x": 1060, "y": 1098 },
        { "x": 1060, "y": 1096 },
        { "x": 1060, "y": 1094 },
        { "x": 1058, "y": 1092 },
        { "x": 1058, "y": 1092 },
        { "x": 1058, "y": 1092 },
        { "x": 1058, "y": 1090 },
        { "x": 1056, "y": 1086 },
        { "x": 1056, "y": 1082 },
        { "x": 1056, "y": 1080 },
        { "x": 1054, "y": 1080 },
        { "x": 1054, "y": 1082 },
        { "x": 1052, "y": 1090 },
        { "x": 1052, "y": 1094 },
        { "x": 1050, "y": 1100 },
        { "x": 1050, "y": 1106 },
        { "x": 1048, "y": 1112 },
        { "x": 1048, "y": 1118 },
        { "x": 1046, "y": 1124 },
        { "x": 1046, "y": 1132 },
        { "x": 1046, "y": 1138 },
        { "x": 1044, "y": 1148 },
        { "x": 1044, "y": 1156 },
        { "x": 1042, "y": 1166 },
        { "x": 1040, "y": 1178 },
        { "x": 1038, "y": 1186 },
        { "x": 1036, "y": 1194 },
        { "x": 1034, "y": 1200 },
        { "x": 1032, "y": 1208 },
        { "x": 1030, "y": 1220 },
        { "x": 1028, "y": 1220 },
        { "x": 1024, "y": 1240 },
        { "x": 1022, "y": 1250 },
        { "x": 1020, "y": 1258 },
        { "x": 1018, "y": 1266 },
        { "x": 1016, "y": 1272 },
        { "x": 1016, "y": 1280 },
        { "x": 1012, "y": 1288 },
        { "x": 1010, "y": 1294 },
        { "x": 1006, "y": 1308 },
        { "x": 1002, "y": 1320 },
        { "x": 998, "y": 1330 },
        { "x": 996, "y": 1340 },
        { "x": 994, "y": 1344 },
        { "x": 994, "y": 1350 },
        { "x": 992, "y": 1358 },
        { "x": 992, "y": 1366 },
        { "x": 992, "y": 1378 },
        { "x": 990, "y": 1388 },
        { "x": 990, "y": 1394 },
        { "x": 990, "y": 1400 },
        { "x": 990, "y": 1406 },
        { "x": 990, "y": 1412 },
        { "x": 990, "y": 1418 },
        { "x": 990, "y": 1422 },
        { "x": 990, "y": 1426 },
        { "x": 990, "y": 1432 },
        { "x": 990, "y": 1436 },
        { "x": 990, "y": 1446 },
        { "x": 990, "y": 1458 },
        { "x": 990, "y": 1474 },
        { "x": 990, "y": 1488 },
        { "x": 992, "y": 1496 },
        { "x": 992, "y": 1504 },
        { "x": 992, "y": 1510 },
        { "x": 992, "y": 1514 },
        { "x": 992, "y": 1520 },
        { "x": 994, "y": 1524 },
        { "x": 994, "y": 1528 },
        { "x": 996, "y": 1532 },
        { "x": 996, "y": 1536 },
        { "x": 998, "y": 1546 },
        { "x": 998, "y": 1556 },
        { "x": 998, "y": 1560 },
        { "x": 1000, "y": 1564 },
        { "x": 1000, "y": 1566 },
        { "x": 1000, "y": 1568 },
        { "x": 1000, "y": 1574 },
        { "x": 1000, "y": 1578 },
        { "x": 1000, "y": 1582 },
        { "x": 1002, "y": 1586 },
        { "x": 1002, "y": 1590 },
        { "x": 1004, "y": 1592 },
        { "x": 1004, "y": 1594 },
        { "x": 1006, "y": 1596 },
        { "x": 1006, "y": 1600 },
        { "x": 1008, "y": 1602 },
        { "x": 1010, "y": 1606 },
        { "x": 1014, "y": 1612 },
        { "x": 1022, "y": 1622 },
        { "x": 1028, "y": 1630 },
        { "x": 1032, "y": 1634 },
        { "x": 1034, "y": 1636 },
        { "x": 1036, "y": 1638 },
        { "x": 1038, "y": 1640 },
        { "x": 1040, "y": 1642 },
        { "x": 1042, "y": 1644 },
        { "x": 1044, "y": 1646 },
        { "x": 1046, "y": 1648 },
        { "x": 1046, "y": 1648 },
        { "x": 1046, "y": 1648 },
        { "x": 1046, "y": 1648 },
        { "x": 1046, "y": 1648 },
        { "x": 1046, "y": 1646 },
        { "x": 1044, "y": 1644 },
        { "x": 1044, "y": 1642 },
        { "x": 1044, "y": 1642 },
        { "x": 1042, "y": 1640 },
        { "x": 1042, "y": 1638 },
        { "x": 1040, "y": 1636 },
        { "x": 1038, "y": 1630 },
        { "x": 1036, "y": 1626 },
        { "x": 1034, "y": 1624 },
        { "x": 1030, "y": 1618 },
        { "x": 1028, "y": 1614 },
        { "x": 1024, "y": 1608 },
        { "x": 1022, "y": 1604 },
        { "x": 1020, "y": 1600 },
        { "x": 1020, "y": 1596 },
        { "x": 1018, "y": 1592 },
        { "x": 1018, "y": 1586 },
        { "x": 1016, "y": 1582 },
        { "x": 1016, "y": 1578 },
        { "x": 1014, "y": 1574 },
        { "x": 1014, "y": 1566 },
        { "x": 1012, "y": 1560 },
        { "x": 1008, "y": 1550 },
        { "x": 1006, "y": 1542 },
        { "x": 1004, "y": 1536 },
        { "x": 1002, "y": 1530 },
        { "x": 1002, "y": 1526 },
        { "x": 1000, "y": 1522 },
        { "x": 998, "y": 1520 },
        { "x": 996, "y": 1516 },
        { "x": 994, "y": 1510 },
        { "x": 992, "y": 1508 },
        { "x": 990, "y": 1502 },
        { "x": 986, "y": 1498 },
        { "x": 984, "y": 1496 },
        { "x": 982, "y": 1494 },
        { "x": 980, "y": 1492 },
        { "x": 976, "y": 1490 },
        { "x": 974, "y": 1488 },
        { "x": 972, "y": 1486 },
        { "x": 970, "y": 1482 },
        { "x": 966, "y": 1480 },
        { "x": 964, "y": 1478 },
        { "x": 960, "y": 1474 },
        { "x": 956, "y": 1472 },
        { "x": 952, "y": 1470 },
        { "x": 948, "y": 1468 },
        { "x": 946, "y": 1466 },
        { "x": 946, "y": 1466 },
        { "x": 944, "y": 1464 },
        { "x": 942, "y": 1464 },
        { "x": 942, "y": 1464 },
        { "x": 940, "y": 1462 },
        { "x": 938, "y": 1462 },
        { "x": 936, "y": 1462 },
        { "x": 934, "y": 1460 },
        { "x": 932, "y": 1460 },
        { "x": 926, "y": 1458 },
        { "x": 924, "y": 1458 },
        { "x": 920, "y": 1458 },
        { "x": 916, "y": 1456 },
        { "x": 910, "y": 1454 },
        { "x": 906, "y": 1454 },
        { "x": 904, "y": 1454 },
        { "x": 902, "y": 1454 },
        { "x": 902, "y": 1452 },
        { "x": 902, "y": 1452 },
        { "x": 900, "y": 1452 },
        { "x": 898, "y": 1452 },
        { "x": 896, "y": 1452 },
        { "x": 896, "y": 1452 },
        { "x": 896, "y": 1452 },
        { "x": 894, "y": 1452 },
        { "x": 894, "y": 1452 }
    ],
    [
        { "x": 1190, "y": 1408 },
        { "x": 1190, "y": 1406 },
        { "x": 1190, "y": 1406 },
        { "x": 1190, "y": 1404 },
        { "x": 1190, "y": 1402 },
        { "x": 1192, "y": 1400 },
        { "x": 1192, "y": 1398 },
        { "x": 1192, "y": 1396 },
        { "x": 1192, "y": 1394 },
        { "x": 1192, "y": 1392 },
        { "x": 1192, "y": 1390 },
        { "x": 1194, "y": 1386 },
        { "x": 1196, "y": 1382 },
        { "x": 1198, "y": 1380 },
        { "x": 1200, "y": 1376 },
        { "x": 1204, "y": 1372 },
        { "x": 1206, "y": 1368 },
        { "x": 1208, "y": 1364 },
        { "x": 1210, "y": 1362 },
        { "x": 1214, "y": 1356 },
        { "x": 1218, "y": 1352 },
        { "x": 1222, "y": 1348 },
        { "x": 1226, "y": 1340 },
        { "x": 1228, "y": 1336 },
        { "x": 1232, "y": 1328 },
        { "x": 1234, "y": 1324 },
        { "x": 1236, "y": 1318 },
        { "x": 1238, "y": 1312 },
        { "x": 1242, "y": 1308 },
        { "x": 1242, "y": 1306 },
        { "x": 1242, "y": 1304 },
        { "x": 1242, "y": 1302 },
        { "x": 1242, "y": 1300 },
        { "x": 1242, "y": 1300 },
        { "x": 1242, "y": 1298 },
        { "x": 1242, "y": 1298 },
        { "x": 1242, "y": 1298 },
        { "x": 1242, "y": 1298 },
        { "x": 1242, "y": 1300 },
        { "x": 1240, "y": 1300 },
        { "x": 1238, "y": 1302 },
        { "x": 1236, "y": 1306 },
        { "x": 1234, "y": 1310 },
        { "x": 1230, "y": 1316 },
        { "x": 1228, "y": 1322 },
        { "x": 1228, "y": 1324 },
        { "x": 1226, "y": 1330 },
        { "x": 1224, "y": 1338 },
        { "x": 1224, "y": 1344 },
        { "x": 1224, "y": 1354 },
        { "x": 1222, "y": 1364 },
        { "x": 1220, "y": 1374 },
        { "x": 1218, "y": 1386 },
        { "x": 1216, "y": 1396 },
        { "x": 1214, "y": 1404 },
        { "x": 1212, "y": 1414 },
        { "x": 1210, "y": 1422 },
        { "x": 1208, "y": 1432 },
        { "x": 1208, "y": 1442 },
        { "x": 1206, "y": 1448 },
        { "x": 1206, "y": 1456 },
        { "x": 1206, "y": 1462 },
        { "x": 1206, "y": 1470 },
        { "x": 1206, "y": 1478 },
        { "x": 1206, "y": 1484 },
        { "x": 1206, "y": 1490 },
        { "x": 1206, "y": 1496 },
        { "x": 1208, "y": 1502 },
        { "x": 1212, "y": 1508 },
        { "x": 1212, "y": 1514 },
        { "x": 1214, "y": 1518 },
        { "x": 1218, "y": 1524 },
        { "x": 1222, "y": 1528 },
        { "x": 1224, "y": 1532 },
        { "x": 1226, "y": 1532 },
        { "x": 1226, "y": 1534 },
        { "x": 1228, "y": 1536 },
        { "x": 1230, "y": 1536 },
        { "x": 1234, "y": 1538 },
        { "x": 1238, "y": 1542 },
        { "x": 1242, "y": 1544 },
        { "x": 1246, "y": 1546 },
        { "x": 1248, "y": 1548 },
        { "x": 1250, "y": 1548 },
        { "x": 1252, "y": 1548 },
        { "x": 1252, "y": 1548 },
        { "x": 1252, "y": 1548 }
    ],
    [
        { "x": 1266, "y": 1232 },
        { "x": 1276, "y": 1230 },
        { "x": 1284, "y": 1226 },
        { "x": 1296, "y": 1222 },
        { "x": 1308, "y": 1220 },
        { "x": 1316, "y": 1218 },
        { "x": 1322, "y": 1216 }
    ],
    [
        { "x": 1410, "y": 1374 },
        { "x": 1414, "y": 1376 },
        { "x": 1424, "y": 1376 },
        { "x": 1434, "y": 1376 },
        { "x": 1446, "y": 1376 },
        { "x": 1456, "y": 1376 },
        { "x": 1468, "y": 1376 },
        { "x": 1480, "y": 1374 },
        { "x": 1486, "y": 1372 },
        { "x": 1496, "y": 1368 },
        { "x": 1504, "y": 1364 },
        { "x": 1510, "y": 1360 },
        { "x": 1516, "y": 1354 },
        { "x": 1522, "y": 1348 },
        { "x": 1528, "y": 1342 },
        { "x": 1534, "y": 1332 },
        { "x": 1540, "y": 1322 },
        { "x": 1548, "y": 1314 },
        { "x": 1554, "y": 1302 },
        { "x": 1558, "y": 1296 },
        { "x": 1564, "y": 1288 },
        { "x": 1566, "y": 1284 },
        { "x": 1566, "y": 1280 },
        { "x": 1566, "y": 1274 },
        { "x": 1566, "y": 1274 },
        { "x": 1566, "y": 1270 },
        { "x": 1566, "y": 1266 },
        { "x": 1564, "y": 1264 },
        { "x": 1564, "y": 1264 },
        { "x": 1562, "y": 1264 },
        { "x": 1562, "y": 1262 },
        { "x": 1558, "y": 1262 },
        { "x": 1556, "y": 1262 },
        { "x": 1552, "y": 1262 },
        { "x": 1548, "y": 1262 },
        { "x": 1546, "y": 1262 },
        { "x": 1544, "y": 1262 },
        { "x": 1540, "y": 1264 },
        { "x": 1536, "y": 1266 },
        { "x": 1534, "y": 1268 },
        { "x": 1532, "y": 1272 },
        { "x": 1528, "y": 1274 },
        { "x": 1526, "y": 1280 },
        { "x": 1524, "y": 1284 },
        { "x": 1522, "y": 1292 },
        { "x": 1520, "y": 1300 },
        { "x": 1520, "y": 1308 },
        { "x": 1518, "y": 1326 },
        { "x": 1516, "y": 1342 },
        { "x": 1516, "y": 1360 },
        { "x": 1516, "y": 1378 },
        { "x": 1516, "y": 1394 },
        { "x": 1516, "y": 1410 },
        { "x": 1514, "y": 1428 },
        { "x": 1512, "y": 1438 },
        { "x": 1508, "y": 1454 },
        { "x": 1504, "y": 1466 },
        { "x": 1504, "y": 1470 },
        { "x": 1502, "y": 1478 },
        { "x": 1500, "y": 1482 },
        { "x": 1498, "y": 1486 },
        { "x": 1496, "y": 1490 },
        { "x": 1492, "y": 1496 },
        { "x": 1488, "y": 1502 },
        { "x": 1486, "y": 1504 },
        { "x": 1484, "y": 1506 },
        { "x": 1484, "y": 1508 },
        { "x": 1482, "y": 1510 },
        { "x": 1482, "y": 1514 },
        { "x": 1480, "y": 1516 },
        { "x": 1478, "y": 1520 },
        { "x": 1478, "y": 1520 },
        { "x": 1478, "y": 1522 },
        { "x": 1476, "y": 1522 },
        { "x": 1476, "y": 1524 },
        { "x": 1476, "y": 1524 },
        { "x": 1476, "y": 1524 },
        { "x": 1476, "y": 1524 },
        { "x": 1476, "y": 1524 },
        { "x": 1476, "y": 1522 },
        { "x": 1476, "y": 1520 },
        { "x": 1478, "y": 1516 },
        { "x": 1478, "y": 1514 },
        { "x": 1482, "y": 1504 },
        { "x": 1486, "y": 1494 },
        { "x": 1492, "y": 1482 },
        { "x": 1498, "y": 1464 },
        { "x": 1504, "y": 1446 },
        { "x": 1510, "y": 1430 },
        { "x": 1514, "y": 1418 },
        { "x": 1516, "y": 1412 },
        { "x": 1518, "y": 1400 },
        { "x": 1522, "y": 1390 },
        { "x": 1524, "y": 1384 },
        { "x": 1528, "y": 1374 },
        { "x": 1530, "y": 1368 },
        { "x": 1534, "y": 1362 },
        { "x": 1536, "y": 1356 },
        { "x": 1540, "y": 1350 },
        { "x": 1544, "y": 1342 },
        { "x": 1552, "y": 1330 },
        { "x": 1558, "y": 1322 },
        { "x": 1568, "y": 1314 },
        { "x": 1574, "y": 1308 },
        { "x": 1582, "y": 1304 },
        { "x": 1592, "y": 1300 },
        { "x": 1600, "y": 1296 },
        { "x": 1612, "y": 1292 },
        { "x": 1612, "y": 1292 },
        { "x": 1616, "y": 1292 },
        { "x": 1620, "y": 1292 },
        { "x": 1628, "y": 1294 },
        { "x": 1636, "y": 1296 },
        { "x": 1642, "y": 1298 },
        { "x": 1642, "y": 1298 },
        { "x": 1642, "y": 1298 },
        { "x": 1644, "y": 1300 },
        { "x": 1644, "y": 1302 },
        { "x": 1644, "y": 1306 },
        { "x": 1644, "y": 1310 },
        { "x": 1644, "y": 1314 },
        { "x": 1642, "y": 1320 },
        { "x": 1642, "y": 1326 },
        { "x": 1638, "y": 1334 },
        { "x": 1636, "y": 1344 },
        { "x": 1634, "y": 1348 },
        { "x": 1632, "y": 1356 },
        { "x": 1630, "y": 1358 },
        { "x": 1630, "y": 1364 },
        { "x": 1626, "y": 1370 },
        { "x": 1624, "y": 1376 },
        { "x": 1622, "y": 1382 },
        { "x": 1620, "y": 1392 },
        { "x": 1618, "y": 1400 },
        { "x": 1614, "y": 1410 },
        { "x": 1614, "y": 1416 },
        { "x": 1612, "y": 1418 },
        { "x": 1612, "y": 1418 },
        { "x": 1612, "y": 1418 },
        { "x": 1612, "y": 1418 },
        { "x": 1614, "y": 1414 },
        { "x": 1616, "y": 1406 },
        { "x": 1616, "y": 1402 },
        { "x": 1618, "y": 1396 },
        { "x": 1622, "y": 1388 },
        { "x": 1624, "y": 1382 },
        { "x": 1626, "y": 1374 },
        { "x": 1628, "y": 1370 },
        { "x": 1630, "y": 1364 },
        { "x": 1632, "y": 1360 },
        { "x": 1636, "y": 1356 },
        { "x": 1640, "y": 1348 },
        { "x": 1644, "y": 1344 },
        { "x": 1648, "y": 1338 },
        { "x": 1652, "y": 1334 },
        { "x": 1656, "y": 1328 },
        { "x": 1660, "y": 1324 },
        { "x": 1664, "y": 1322 },
        { "x": 1666, "y": 1318 },
        { "x": 1670, "y": 1314 },
        { "x": 1672, "y": 1312 },
        { "x": 1678, "y": 1308 },
        { "x": 1682, "y": 1306 },
        { "x": 1684, "y": 1304 },
        { "x": 1690, "y": 1302 },
        { "x": 1692, "y": 1300 },
        { "x": 1698, "y": 1296 },
        { "x": 1706, "y": 1294 },
        { "x": 1708, "y": 1292 },
        { "x": 1710, "y": 1292 },
        { "x": 1714, "y": 1292 },
        { "x": 1718, "y": 1292 },
        { "x": 1722, "y": 1292 },
        { "x": 1724, "y": 1292 },
        { "x": 1726, "y": 1292 },
        { "x": 1726, "y": 1292 },
        { "x": 1726, "y": 1294 },
        { "x": 1726, "y": 1296 },
        { "x": 1728, "y": 1298 },
        { "x": 1728, "y": 1300 },
        { "x": 1728, "y": 1304 },
        { "x": 1730, "y": 1306 },
        { "x": 1730, "y": 1310 },
        { "x": 1730, "y": 1314 },
        { "x": 1730, "y": 1318 },
        { "x": 1730, "y": 1322 },
        { "x": 1730, "y": 1328 },
        { "x": 1730, "y": 1332 },
        { "x": 1730, "y": 1338 },
        { "x": 1730, "y": 1342 },
        { "x": 1728, "y": 1346 },
        { "x": 1728, "y": 1352 },
        { "x": 1726, "y": 1358 },
        { "x": 1724, "y": 1368 },
        { "x": 1720, "y": 1378 },
        { "x": 1718, "y": 1386 },
        { "x": 1714, "y": 1398 },
        { "x": 1712, "y": 1406 },
        { "x": 1710, "y": 1414 },
        { "x": 1704, "y": 1426 },
        { "x": 1700, "y": 1438 },
        { "x": 1694, "y": 1454 },
        { "x": 1686, "y": 1472 },
        { "x": 1680, "y": 1482 },
        { "x": 1674, "y": 1494 },
        { "x": 1668, "y": 1504 },
        { "x": 1666, "y": 1508 },
        { "x": 1662, "y": 1516 },
        { "x": 1658, "y": 1524 },
        { "x": 1656, "y": 1530 },
        { "x": 1654, "y": 1536 },
        { "x": 1652, "y": 1538 },
        { "x": 1652, "y": 1544 },
        { "x": 1652, "y": 1548 },
        { "x": 1650, "y": 1550 },
        { "x": 1650, "y": 1556 },
        { "x": 1650, "y": 1564 },
        { "x": 1650, "y": 1572 },
        { "x": 1650, "y": 1584 },
        { "x": 1650, "y": 1592 },
        { "x": 1650, "y": 1600 },
        { "x": 1652, "y": 1608 },
        { "x": 1654, "y": 1614 },
        { "x": 1656, "y": 1622 },
        { "x": 1660, "y": 1630 },
        { "x": 1664, "y": 1636 },
        { "x": 1672, "y": 1648 },
        { "x": 1682, "y": 1660 },
        { "x": 1694, "y": 1670 },
        { "x": 1706, "y": 1678 },
        { "x": 1714, "y": 1684 },
        { "x": 1724, "y": 1688 },
        { "x": 1730, "y": 1690 },
        { "x": 1730, "y": 1688 },
        { "x": 1730, "y": 1688 },
        { "x": 1728, "y": 1688 },
        { "x": 1728, "y": 1686 },
        { "x": 1728, "y": 1686 }
    ],
    [
        { "x": 1760, "y": 1392 },
        { "x": 1760, "y": 1392 },
        { "x": 1760, "y": 1392 },
        { "x": 1760, "y": 1392 },
        { "x": 1760, "y": 1392 },
        { "x": 1762, "y": 1392 },
        { "x": 1762, "y": 1392 },
        { "x": 1766, "y": 1392 },
        { "x": 1770, "y": 1390 },
        { "x": 1774, "y": 1390 },
        { "x": 1778, "y": 1390 },
        { "x": 1780, "y": 1388 },
        { "x": 1784, "y": 1386 },
        { "x": 1788, "y": 1384 },
        { "x": 1790, "y": 1384 },
        { "x": 1790, "y": 1382 },
        { "x": 1792, "y": 1382 },
        { "x": 1796, "y": 1380 },
        { "x": 1800, "y": 1378 },
        { "x": 1806, "y": 1374 },
        { "x": 1808, "y": 1370 },
        { "x": 1814, "y": 1366 },
        { "x": 1818, "y": 1362 },
        { "x": 1822, "y": 1358 },
        { "x": 1830, "y": 1350 },
        { "x": 1834, "y": 1342 },
        { "x": 1838, "y": 1334 },
        { "x": 1842, "y": 1326 },
        { "x": 1844, "y": 1322 },
        { "x": 1848, "y": 1318 },
        { "x": 1852, "y": 1312 },
        { "x": 1856, "y": 1308 },
        { "x": 1860, "y": 1302 },
        { "x": 1862, "y": 1298 },
        { "x": 1864, "y": 1292 },
        { "x": 1866, "y": 1286 },
        { "x": 1866, "y": 1282 },
        { "x": 1866, "y": 1280 },
        { "x": 1866, "y": 1280 },
        { "x": 1866, "y": 1278 },
        { "x": 1866, "y": 1276 },
        { "x": 1866, "y": 1274 },
        { "x": 1866, "y": 1272 },
        { "x": 1864, "y": 1270 },
        { "x": 1864, "y": 1270 },
        { "x": 1862, "y": 1268 },
        { "x": 1860, "y": 1268 },
        { "x": 1860, "y": 1268 },
        { "x": 1858, "y": 1268 },
        { "x": 1856, "y": 1266 },
        { "x": 1856, "y": 1266 },
        { "x": 1856, "y": 1268 },
        { "x": 1854, "y": 1268 },
        { "x": 1850, "y": 1272 },
        { "x": 1844, "y": 1274 },
        { "x": 1842, "y": 1278 },
        { "x": 1838, "y": 1280 },
        { "x": 1836, "y": 1284 },
        { "x": 1834, "y": 1286 },
        { "x": 1832, "y": 1288 },
        { "x": 1830, "y": 1292 },
        { "x": 1830, "y": 1296 },
        { "x": 1828, "y": 1302 },
        { "x": 1826, "y": 1308 },
        { "x": 1826, "y": 1314 },
        { "x": 1824, "y": 1320 },
        { "x": 1822, "y": 1324 },
        { "x": 1822, "y": 1330 },
        { "x": 1820, "y": 1336 },
        { "x": 1820, "y": 1342 },
        { "x": 1820, "y": 1348 },
        { "x": 1818, "y": 1354 },
        { "x": 1818, "y": 1358 },
        { "x": 1818, "y": 1364 },
        { "x": 1820, "y": 1372 },
        { "x": 1820, "y": 1380 },
        { "x": 1820, "y": 1386 },
        { "x": 1820, "y": 1392 },
        { "x": 1820, "y": 1398 },
        { "x": 1820, "y": 1406 },
        { "x": 1820, "y": 1414 },
        { "x": 1820, "y": 1424 },
        { "x": 1820, "y": 1430 },
        { "x": 1820, "y": 1436 },
        { "x": 1820, "y": 1440 },
        { "x": 1822, "y": 1444 },
        { "x": 1822, "y": 1450 },
        { "x": 1822, "y": 1454 },
        { "x": 1822, "y": 1458 },
        { "x": 1822, "y": 1462 },
        { "x": 1822, "y": 1464 },
        { "x": 1820, "y": 1470 },
        { "x": 1820, "y": 1476 },
        { "x": 1820, "y": 1482 },
        { "x": 1818, "y": 1488 },
        { "x": 1818, "y": 1490 },
        { "x": 1818, "y": 1492 },
        { "x": 1818, "y": 1492 },
        { "x": 1818, "y": 1494 },
        { "x": 1818, "y": 1494 },
        { "x": 1818, "y": 1494 },
        { "x": 1818, "y": 1494 },
        { "x": 1818, "y": 1494 },
        { "x": 1818, "y": 1494 },
        { "x": 1818, "y": 1494 },
        { "x": 1818, "y": 1490 },
        { "x": 1820, "y": 1486 },
        { "x": 1820, "y": 1482 },
        { "x": 1822, "y": 1474 },
        { "x": 1824, "y": 1464 },
        { "x": 1826, "y": 1456 },
        { "x": 1828, "y": 1444 },
        { "x": 1830, "y": 1434 },
        { "x": 1832, "y": 1430 },
        { "x": 1840, "y": 1398 },
        { "x": 1844, "y": 1386 },
        { "x": 1848, "y": 1370 },
        { "x": 1852, "y": 1356 },
        { "x": 1854, "y": 1350 },
        { "x": 1858, "y": 1342 },
        { "x": 1860, "y": 1336 },
        { "x": 1864, "y": 1330 },
        { "x": 1866, "y": 1322 },
        { "x": 1870, "y": 1318 },
        { "x": 1874, "y": 1314 },
        { "x": 1878, "y": 1310 },
        { "x": 1880, "y": 1306 },
        { "x": 1886, "y": 1300 },
        { "x": 1894, "y": 1294 },
        { "x": 1898, "y": 1290 },
        { "x": 1906, "y": 1288 },
        { "x": 1914, "y": 1288 },
        { "x": 1920, "y": 1288 },
        { "x": 1922, "y": 1288 },
        { "x": 1922, "y": 1288 },
        { "x": 1924, "y": 1288 },
        { "x": 1924, "y": 1288 },
        { "x": 1924, "y": 1288 },
        { "x": 1924, "y": 1290 },
        { "x": 1926, "y": 1292 },
        { "x": 1926, "y": 1296 },
        { "x": 1926, "y": 1298 },
        { "x": 1926, "y": 1300 },
        { "x": 1926, "y": 1304 },
        { "x": 1926, "y": 1308 },
        { "x": 1926, "y": 1312 },
        { "x": 1926, "y": 1318 },
        { "x": 1926, "y": 1322 },
        { "x": 1926, "y": 1326 },
        { "x": 1924, "y": 1330 },
        { "x": 1924, "y": 1332 },
        { "x": 1924, "y": 1336 },
        { "x": 1924, "y": 1340 },
        { "x": 1924, "y": 1342 },
        { "x": 1922, "y": 1346 },
        { "x": 1922, "y": 1350 },
        { "x": 1920, "y": 1356 },
        { "x": 1916, "y": 1364 },
        { "x": 1914, "y": 1370 },
        { "x": 1912, "y": 1376 },
        { "x": 1908, "y": 1382 },
        { "x": 1906, "y": 1388 },
        { "x": 1904, "y": 1396 },
        { "x": 1900, "y": 1402 },
        { "x": 1900, "y": 1406 },
        { "x": 1900, "y": 1406 },
        { "x": 1898, "y": 1408 },
        { "x": 1898, "y": 1408 },
        { "x": 1898, "y": 1410 },
        { "x": 1898, "y": 1410 },
        { "x": 1898, "y": 1410 },
        { "x": 1898, "y": 1410 },
        { "x": 1898, "y": 1410 },
        { "x": 1900, "y": 1410 },
        { "x": 1900, "y": 1410 },
        { "x": 1902, "y": 1410 },
        { "x": 1902, "y": 1408 },
        { "x": 1902, "y": 1408 },
        { "x": 1904, "y": 1404 },
        { "x": 1906, "y": 1402 },
        { "x": 1908, "y": 1400 },
        { "x": 1910, "y": 1398 },
        { "x": 1912, "y": 1394 },
        { "x": 1914, "y": 1390 },
        { "x": 1916, "y": 1384 },
        { "x": 1920, "y": 1378 },
        { "x": 1922, "y": 1374 },
        { "x": 1926, "y": 1366 },
        { "x": 1928, "y": 1360 },
        { "x": 1932, "y": 1346 },
        { "x": 1934, "y": 1338 },
        { "x": 1936, "y": 1330 },
        { "x": 1938, "y": 1324 },
        { "x": 1942, "y": 1316 },
        { "x": 1944, "y": 1310 },
        { "x": 1946, "y": 1306 },
        { "x": 1950, "y": 1300 },
        { "x": 1954, "y": 1292 },
        { "x": 1958, "y": 1288 },
        { "x": 1964, "y": 1284 },
        { "x": 1968, "y": 1282 },
        { "x": 1970, "y": 1280 },
        { "x": 1978, "y": 1278 },
        { "x": 1980, "y": 1278 },
        { "x": 1984, "y": 1278 },
        { "x": 1990, "y": 1278 },
        { "x": 1992, "y": 1278 },
        { "x": 1996, "y": 1278 },
        { "x": 1998, "y": 1280 },
        { "x": 1998, "y": 1280 },
        { "x": 2000, "y": 1280 },
        { "x": 2002, "y": 1280 },
        { "x": 2002, "y": 1282 },
        { "x": 2006, "y": 1282 },
        { "x": 2010, "y": 1284 },
        { "x": 2014, "y": 1286 },
        { "x": 2016, "y": 1288 },
        { "x": 2016, "y": 1288 },
        { "x": 2018, "y": 1290 },
        { "x": 2018, "y": 1292 },
        { "x": 2020, "y": 1294 },
        { "x": 2020, "y": 1298 },
        { "x": 2022, "y": 1302 },
        { "x": 2022, "y": 1306 },
        { "x": 2022, "y": 1308 },
        { "x": 2020, "y": 1310 },
        { "x": 2020, "y": 1314 },
        { "x": 2020, "y": 1318 },
        { "x": 2018, "y": 1322 },
        { "x": 2018, "y": 1324 },
        { "x": 2016, "y": 1328 },
        { "x": 2014, "y": 1332 },
        { "x": 2014, "y": 1334 },
        { "x": 2012, "y": 1338 },
        { "x": 2012, "y": 1342 },
        { "x": 2010, "y": 1348 },
        { "x": 2010, "y": 1352 },
        { "x": 2008, "y": 1358 },
        { "x": 2006, "y": 1362 },
        { "x": 2006, "y": 1366 },
        { "x": 2004, "y": 1372 },
        { "x": 2002, "y": 1378 },
        { "x": 2002, "y": 1386 },
        { "x": 2000, "y": 1394 },
        { "x": 1998, "y": 1402 },
        { "x": 1996, "y": 1406 },
        { "x": 1996, "y": 1408 },
        { "x": 1994, "y": 1412 },
        { "x": 1994, "y": 1414 },
        { "x": 1992, "y": 1418 },
        { "x": 1992, "y": 1420 },
        { "x": 1990, "y": 1426 },
        { "x": 1986, "y": 1432 },
        { "x": 1982, "y": 1440 },
        { "x": 1978, "y": 1446 },
        { "x": 1974, "y": 1454 },
        { "x": 1972, "y": 1458 },
        { "x": 1970, "y": 1464 },
        { "x": 1970, "y": 1466 },
        { "x": 1970, "y": 1470 },
        { "x": 1968, "y": 1476 },
        { "x": 1968, "y": 1482 },
        { "x": 1968, "y": 1488 },
        { "x": 1968, "y": 1498 },
        { "x": 1968, "y": 1504 },
        { "x": 1968, "y": 1512 },
        { "x": 1968, "y": 1518 },
        { "x": 1968, "y": 1522 },
        { "x": 1970, "y": 1528 },
        { "x": 1970, "y": 1532 },
        { "x": 1972, "y": 1536 },
        { "x": 1974, "y": 1542 },
        { "x": 1974, "y": 1546 },
        { "x": 1976, "y": 1548 },
        { "x": 1978, "y": 1550 },
        { "x": 1978, "y": 1550 },
        { "x": 1978, "y": 1550 },
        { "x": 1976, "y": 1550 },
        { "x": 1976, "y": 1550 }
    ],
    [
        { "x": 2098, "y": 1302 },
        { "x": 2100, "y": 1302 },
        { "x": 2100, "y": 1302 },
        { "x": 2100, "y": 1300 },
        { "x": 2100, "y": 1304 },
        { "x": 2100, "y": 1306 },
        { "x": 2100, "y": 1310 },
        { "x": 2098, "y": 1316 },
        { "x": 2098, "y": 1320 },
        { "x": 2098, "y": 1324 },
        { "x": 2098, "y": 1330 },
        { "x": 2096, "y": 1336 },
        { "x": 2096, "y": 1342 },
        { "x": 2096, "y": 1352 },
        { "x": 2094, "y": 1362 },
        { "x": 2094, "y": 1374 },
        { "x": 2094, "y": 1384 },
        { "x": 2094, "y": 1394 },
        { "x": 2094, "y": 1404 },
        { "x": 2094, "y": 1412 },
        { "x": 2094, "y": 1422 },
        { "x": 2094, "y": 1432 },
        { "x": 2094, "y": 1438 },
        { "x": 2094, "y": 1446 },
        { "x": 2096, "y": 1450 },
        { "x": 2100, "y": 1456 },
        { "x": 2104, "y": 1462 },
        { "x": 2108, "y": 1466 },
        { "x": 2112, "y": 1470 },
        { "x": 2114, "y": 1472 },
        { "x": 2118, "y": 1476 },
        { "x": 2122, "y": 1480 },
        { "x": 2126, "y": 1484 },
        { "x": 2130, "y": 1486 },
        { "x": 2136, "y": 1490 },
        { "x": 2138, "y": 1492 },
        { "x": 2142, "y": 1492 },
        { "x": 2144, "y": 1494 },
        { "x": 2148, "y": 1494 },
        { "x": 2150, "y": 1494 },
        { "x": 2152, "y": 1492 },
        { "x": 2156, "y": 1492 },
        { "x": 2160, "y": 1490 },
        { "x": 2164, "y": 1488 },
        { "x": 2168, "y": 1488 },
        { "x": 2172, "y": 1488 },
        { "x": 2176, "y": 1486 },
        { "x": 2178, "y": 1486 },
        { "x": 2184, "y": 1484 },
        { "x": 2190, "y": 1482 },
        { "x": 2194, "y": 1480 },
        { "x": 2196, "y": 1478 },
        { "x": 2200, "y": 1476 },
        { "x": 2206, "y": 1472 },
        { "x": 2212, "y": 1468 },
        { "x": 2220, "y": 1464 },
        { "x": 2232, "y": 1460 },
        { "x": 2238, "y": 1458 },
        { "x": 2244, "y": 1454 },
        { "x": 2246, "y": 1450 },
        { "x": 2248, "y": 1444 },
        { "x": 2250, "y": 1436 },
        { "x": 2250, "y": 1426 },
        { "x": 2252, "y": 1414 },
        { "x": 2252, "y": 1402 },
        { "x": 2252, "y": 1388 },
        { "x": 2252, "y": 1378 },
        { "x": 2252, "y": 1372 },
        { "x": 2252, "y": 1368 },
        { "x": 2252, "y": 1358 },
        { "x": 2250, "y": 1350 },
        { "x": 2250, "y": 1342 },
        { "x": 2250, "y": 1334 },
        { "x": 2252, "y": 1328 },
        { "x": 2252, "y": 1322 },
        { "x": 2252, "y": 1322 },
        { "x": 2250, "y": 1316 },
        { "x": 2250, "y": 1310 },
        { "x": 2248, "y": 1306 },
        { "x": 2246, "y": 1302 },
        { "x": 2244, "y": 1300 },
        { "x": 2244, "y": 1298 },
        { "x": 2244, "y": 1296 },
        { "x": 2244, "y": 1294 },
        { "x": 2242, "y": 1294 },
        { "x": 2242, "y": 1292 },
        { "x": 2242, "y": 1292 },
        { "x": 2240, "y": 1292 },
        { "x": 2238, "y": 1296 },
        { "x": 2236, "y": 1300 },
        { "x": 2236, "y": 1308 },
        { "x": 2234, "y": 1316 },
        { "x": 2234, "y": 1324 },
        { "x": 2232, "y": 1338 },
        { "x": 2228, "y": 1352 },
        { "x": 2226, "y": 1370 },
        { "x": 2224, "y": 1394 },
        { "x": 2222, "y": 1410 },
        { "x": 2222, "y": 1426 },
        { "x": 2222, "y": 1442 },
        { "x": 2220, "y": 1458 },
        { "x": 2216, "y": 1484 },
        { "x": 2214, "y": 1508 },
        { "x": 2214, "y": 1528 },
        { "x": 2212, "y": 1546 },
        { "x": 2210, "y": 1556 },
        { "x": 2210, "y": 1566 },
        { "x": 2210, "y": 1580 },
        { "x": 2210, "y": 1598 },
        { "x": 2210, "y": 1618 },
        { "x": 2206, "y": 1642 },
        { "x": 2202, "y": 1658 },
        { "x": 2196, "y": 1676 },
        { "x": 2194, "y": 1686 },
        { "x": 2192, "y": 1694 },
        { "x": 2190, "y": 1704 },
        { "x": 2186, "y": 1710 },
        { "x": 2182, "y": 1718 },
        { "x": 2178, "y": 1726 },
        { "x": 2176, "y": 1732 },
        { "x": 2170, "y": 1740 },
        { "x": 2166, "y": 1746 },
        { "x": 2162, "y": 1752 },
        { "x": 2154, "y": 1758 },
        { "x": 2148, "y": 1762 },
        { "x": 2144, "y": 1766 },
        { "x": 2140, "y": 1770 },
        { "x": 2136, "y": 1772 },
        { "x": 2132, "y": 1774 },
        { "x": 2128, "y": 1774 },
        { "x": 2124, "y": 1776 },
        { "x": 2118, "y": 1778 },
        { "x": 2112, "y": 1778 },
        { "x": 2104, "y": 1780 },
        { "x": 2098, "y": 1780 },
        { "x": 2092, "y": 1780 },
        { "x": 2086, "y": 1780 },
        { "x": 2082, "y": 1780 },
        { "x": 2078, "y": 1778 },
        { "x": 2074, "y": 1776 },
        { "x": 2070, "y": 1772 },
        { "x": 2062, "y": 1768 },
        { "x": 2054, "y": 1764 },
        { "x": 2046, "y": 1760 },
        { "x": 2042, "y": 1756 },
        { "x": 2036, "y": 1752 },
        { "x": 2034, "y": 1750 },
        { "x": 2030, "y": 1746 },
        { "x": 2028, "y": 1740 },
        { "x": 2022, "y": 1734 },
        { "x": 2020, "y": 1730 },
        { "x": 2018, "y": 1724 },
        { "x": 2016, "y": 1716 },
        { "x": 2016, "y": 1708 },
        { "x": 2016, "y": 1700 },
        { "x": 2016, "y": 1694 },
        { "x": 2016, "y": 1692 },
        { "x": 2018, "y": 1688 },
        { "x": 2020, "y": 1684 },
        { "x": 2022, "y": 1680 },
        { "x": 2026, "y": 1676 },
        { "x": 2028, "y": 1674 },
        { "x": 2030, "y": 1674 },
        { "x": 2030, "y": 1672 },
        { "x": 2032, "y": 1672 },
        { "x": 2034, "y": 1670 },
        { "x": 2034, "y": 1670 },
        { "x": 2034, "y": 1670 },
        { "x": 2036, "y": 1670 },
        { "x": 2038, "y": 1668 },
        { "x": 2040, "y": 1668 },
        { "x": 2040, "y": 1668 },
        { "x": 2040, "y": 1668 },
        { "x": 2040, "y": 1668 },
        { "x": 2036, "y": 1668 }
    ],
];

let autodraw_timeout;
function stop_autodraw() {
    let ret = autodraw_timeout;
    clearTimeout(autodraw_timeout);
    autodraw_timeout = null;
    return !!ret;
}
(async () => {
    for (const line of example_vector) {
        for (const p of line) {
            await new Promise(res => autodraw_timeout = setTimeout(res, 50));
            add_point(p);
        }
        raw_paths    .push([]);
        refined_paths.push([]);
    }
})();

function lerp(v0, v1, t) { return (1 - t) * v0 + t * v1; }
function inv_lerp(min, max, p) { return (p - min) / (max - min); }
    </script>
  </body>
</html>