Is there a way to run threejs in jupyter's ijavascript kernel?

Question

I have a library building on top of three.js, and I'd like to run it in a ijavascript (jupyter + ijavascript) notebook. Does anyone know if that's possible?

From what I can tell, three.js runs just fine using require('three'), but I'm having trouble attaching the renderer.

Answer 1

There is already a mature solution where you can code in a more Pythonic way using Jupyter-Widigts.

pythreejs three.js embedded in a jupyter widgit

To show a green sphere in a notebook.

ball = Mesh(geometry=SphereGeometry(radius=1), 
        material=MeshLambertMaterial(color='#00ff00'),
        position=[0, 0, 0]) 
ball

Output

Answer 2

I came up with a solution shortly after posting the question:

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, 300 / 150, 0.1, 1000 );

$$html$$ = `<canvas></canvas>`
var renderer = new THREE.WebGLRenderer({canvas: $$html$$});
renderer.setSize( 300, 150 );