<!DOCTYPE html>
<html>
<script src="myplotlib.js"></script>
<body>
<canvas id="myCanvas" width="400px" height="400px" style="width:100%;max-width:400px;border:1px solid black"></canvas>
<script>
let myPlotter = new XYPlotter("myCanvas");
myPlotter.transformXY();
numPoints = 500;
const xPoints = Array(numPoints).fill(0).map(function(){return Math.random() * myPlotter.xMax});
const yPoints = Array(numPoints).fill(0).map(function(){return Math.random() * myPlotter.yMax});
myPlotter.plotPoints(numPoints, xPoints, yPoints, "blue");
myPlotter.plotLine(0, 0, myPlotter.xMax, myPlotter.yMax, "red");
</script>
</body>
</html>