Computer Graphics & Visualization @ufrj.br
Canvas primer
//canvas = html`<canvas width=640 height=480>`
//ctx = canvas.getContext("2d")
//ctx.clearRect(0, 0, canvas.width, canvas.height)
// {
// ctx.fillStyle = "orange";
// ctx.fillRect(0, 0, canvas.width, canvas.height);
// }
// {
// ctx.beginPath();
// ctx.moveTo(100, 100);
// ctx.lineTo(200, 200);
// ctx.lineWidth = 10;
// ctx.lineTo(100, 200);
// ctx.closePath();
// ctx.fillStyle = 'green';
// ctx.fill();
// ctx.strokeStyle = "purple";
// ctx.stroke();
// }
// {
// ctx.beginPath()
// ctx.arc (200,200,50,0,Math.PI*2)
// ctx.fillStyle = "#FF0"
// ctx.fill()
// ctx.stroke()
// }
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.
