Anyone tried Observable? It looks awesome!

[Oskar]

So, I stumbled into this while browsing D3’s website. I think it looks pretty awesome, and may be useful for some members in the community. @kll would something like this help out with what you were looking for?

https://observablehq.com/

[jeremydouglass]

Yes, we had a conversation about observable and p5js integration last year, and I forked a template for it from work by Jeremy Wong:

Include p5.js in Observable notebook

Here is a template for Observable p5.js notebooks: p5.js sketch on Observable: Template (forkable template by me) Also, Tom MacWright has created a helper function which you can import into a notebook to get started quickly, as well as a template with it already in-place: p5 (twcw tutorial) p5 basic example (forkable template) These are instance mode sketches,and you need to prefix everything – get ready write sketch.foo sketch.bar sketch.baz sketch.etc… One thing I discovered while wri…

Observable has been under rapid development, so I believe that the template may need to be updated – or may be superseded if p5 has been better integrated into the core – I haven’t looked recently.

Searching for p5.js / p5:

• Search p5.js | Observable
• Search p5 | Observable

…here is an example p5 on Observable sketch:

Breathing Cube in P5.js

[Oskar]

@jeremydouglass

Thanks for sharing! It looks like a really powerful tool. It actually feels smoother than Jupyter Notebooks for Python.

I’ve noticed they’ve been making slight changes to the code and their UI over the last few months, so you’re right about the whole active development thing.

I’m drooling over the way it can present code and visualizations. I wonder if it’s possible to somehow plug Lottie into it.