Published
Edited
Feb 2, 2018
1 fork
6 stars
Insert cell
Insert cell
{
mesh.material.uniforms.thickness.value = thickness;
mesh.material.uniforms.control.value.fromArray(control);
renderer.render(scene, camera);
return renderer.domElement;
}
Insert cell
thickness = (Math.sin(now / 1000) * 0.5 + 0.5) * 0.1 + 0.01
Insert cell
control = {
// Offset the control point a bit to demonstrate the curve
const angle = now / 1000 * 0.5 + Math.PI * 2;
const radius = (Math.sin(now / 1000) * 0.5 + 0.5) * 2.0;
return [Math.cos(angle) * radius, Math.sin(angle) * radius];
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more