So, to put some background I am a full stack web developer. And I don't have any experience in machine learning, image annotations, etc at all. But, recently I have given a task as follows:

So I have a json type file, and I suggest it is a result of Mask R-CNN process.

Example (I have shorten it from the original):

{
    "0": {
        "all_points_x": [
            1500,
            1499,
            1495,
            1492
        ],
        "all_points_y": [
            2058,
            2067,
            2088,
            2103
        ]
    },
    "1": {
        "all_points_x": [
            1169,
            1168,
            1167,
            1166
        ],
        "all_points_y": [
            1555,
            1565,
            1568,
            1570
        ]
    },
    "2": {
        "all_points_x": [
            1676,
            1675,
            1670,
            1667
        ],
        "all_points_y": [
            1756,
            1765,
            1809,
            1816
        ]
    }
}

And what I need to do is take the original image (left) and apply all the data from the json file and turn it into Processed image (right).

Is it possible to do it in client side (or in JavaScript)??

Any comments are welcome.