using observable to run an external three.js visulization

So I made a marine heatwave monitor. The charts and date scrubbers are in an observable notebook, which I then embed and use to visualize the sea surface temperature anomaly using three.js. I prototyped the three.js viz in observable but couldn’t use it in production as I have thousands of images to load.

It would be simple enough to manually copy my code out of observable but the notebook makes the interactions between elements pretty easy, and it was pretty straight forward in terms of using the embedded scrubber values to run my earth viz.
Any feedback is welcome!

4 Likes