render = {
const canvas = DOM.canvas(500, 500);
const gl = canvas.getContext('webgl');
const gpu = new GPU({
canvas,
webGl: gl
});
gl.enable(gl.BLEND);
gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
const krender = gpu.createKernel(function(x) {
this.color(this.thread.x / 500, this.thread.y / 500, x[0], x[1]);
})
.setDebug(true)
.setOutput([500, 500])
.setGraphical(true);
return krender;
}
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.
