Notebooks can be embedded and customized anywhere on the web (or off it).

Observable

Embedding Notebooks

Can also dynamically import notebooks now with node's --experimental-network-imports.

Visnu Pitiyanuvath

Its not totally obvious but if you want to materialize a viewof, the cell name is "viewof <name>"

Tom Larkworthy

Backticks aren't working here with backslashes before them, I don't think....?

Joshua Byrd

Just what I was looking for 👏🏼. I could be useful to include options in the handy embed code generator for modifying cell values...

John Alexis Guerra Gómez

Great to hear! What might that look like in the handy embed generator, the option to generate code that redefined a cell with an example value?

Thomas Ballinger

I would say a second optional section, where you can also select select which cells you would like to override and the tool generates some placeholder code for redefining the cell value. The cell selector should have an option for selecting the width, and people choose one that use the snippet above modifying the standard Library

Even better, use some code close to @toja's https://observablehq.com/@toja/custom-notebook-width

The page linked as "a plain web page that embeds the graphic cell above" doesn't show any of the embedded content.

Yury Ershov

You should see something like this:

https://user-images.githubusercontent.com/230541/148653160-28461af3-4dfc-48dc-8cf7-9ed395f4d066.png

Are you seeing something else?

Mike Bostock

Hi Mike,
Thank you for your response. That was an error caused by my local proxy. Sorry for confusion.

This section needs to be redone. redefine() expects a cell *definition*, i.e. a function that injects all inputs into the cell's scope and returns the actual value. I'd also expect cells with inputs to be more common, so our examples should probably focus on that.