Published unlisted
Edited
Jun 2, 2021
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
idQuaternion = [1,0,0,0]
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
interpolatedRotation = interpolateQuaternion( rotQuaternion, JSON.parse( dd3 ), interpolationParam )
Insert cell
rotatedPolytope = rotatePolytope( polytope, interpolatedRotation )
Insert cell
projectedPolytope = projectPolytope( rotatedPolytope )
Insert cell
Insert cell
Insert cell
Insert cell
geometryball = new Three.SphereBufferGeometry(0.4, 15, 20)
Insert cell
ballMaterial = new Three.MeshLambertMaterial( { color: ballColor } )
Insert cell
strutMaterial = new Three.MeshLambertMaterial( { color: strutColor } )
Insert cell
background = new Three.Color( 'skyblue' );
// consider a black background for the future, just like in glowscript (not crucial)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

One platform to build and deploy the best data apps

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.
Learn more