JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgithub.com/GoodBoyDigital/pixi.js/master/bin/pixi.js"></script>
<div id = 'abc' style="border:1px solid #a0a0a0;float: left;"></div>

JavaScript

arr = [2072,447,-19,17,-38,67,-43,56,-22,56,-17,21,6,42,-12,30,-30,11,-27,-7,-103,40,-19,27,-22,83,-28,19,-38,46,-11,38,1,43,-17,24,-14,41,-64,46,-9,42,7,32,-12,14,-27,-1,-34,-26,-57,-20,-27,-5,-23,6,-24,23,-33,12,-22,20,-83,24,-103,61,-37,32,-48,68,-39,39,-74,16,-84,53,-54,8,-139,48,-39,-13,10,-17,85,-10,79,-43,51,-5,70,-38,91,-25,16,-13,56,-79,45,-36,-2,-14,-35,13,-25,22,-18,33,-37,18,-121,35,-97,12,-75,-2,-67,13,-45,23,-35,32,-56,184,0,19,25,57,-33,52,-1,51,13,51,17,24,22,8,30,-7,12,-16,19,-71,2,-56,12,-53,0,-32,-24,-56,3,-17,18,-2,11,10,15,37,3,50,-17,78,-10,90,-30,123,-17,38,0,11,1518,0,0,-1624];


stage = new PIXI.Stage(0x000000);
renderer = new PIXI.WebGLRenderer(500, 500);
document.getElementById('abc').appendChild(renderer.view);

gr = new PIXI.Graphics();

gr.beginFill(0xffffff);
gr.lineStyle(10, 0xff00ff, 1);
prevX = arr[0];
prevY = arr[1];
gr.moveTo(prevX / 5, prevY / 5);
for (i = 2; i < arr.length; i+=2) {
    x = prevX + arr[i];
    y = prevY + arr[i+1];
    gr.lineTo(x / 5, y / 5);
    prevX = x;
    prevY = y;
}
gr.endFill();
//gr.scale.x = 0.125;
//gr.scale.y = 0.125;
gr.width = 128;
gr.height = 128;
stage.addChild(gr);
renderer.render(stage);