Published
Edited
Dec 21, 2017
2 stars
{
let ctx = this || c.getContext('2d');
now;
let height = width / 1.6;
ctx.clearRect(0, 0, width, width / 1.6);
for (let x = 0; x < width; x += 20) {
ctx.moveTo(x, 0)
ctx.lineTo(Math.pow(x, 1.2), height);
}
for (let y = 0; y < height; y += 20) {
ctx.moveTo(0, y)
ctx.lineTo(width, y);
}
ctx.strokeStyle = 'cyan';
ctx.stroke();
ctx.beginPath();
ctx.strokeStyle = 'magenta';
ctx.beginPath();
ctx.arc(mouse.x, mouse.y, 20 + (mouse.y / height) * 10, 0, Math.PI * 2);
ctx.stroke();
if (mouse.pressed) {
ctx.fillStyle = 'yellow';
ctx.fill();
}
return ctx;
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
