Seamless Embedding

Seamless Embedding

Embed notebooks on your site more seamlessly than what would be possible with iframes. An embedded notebook's dimensions can grow as large as necessary, or you can constrain its width and height as you wish.

Scriptable Control

Scriptable Control

Control the notebook through an extensive JavaScript API. You can, for instance, change the value of a Manipulate variable, open and close cell groups or evaluate Wolfram Language expressions from your JavaScript code.

How It Works

How It Works

Wolfram Notebook Embedder takes a public notebook in the Wolfram Cloud and renders it into a given DOM node. It automatically fetches all required dependencies, such as further scripts, styles and fonts. The library and any additional notebook resources only need to be fetched, even if you embed multiple notebooks on a single page.

Quick Start

Quick Start

Import the library from a CDN using a `<script>`

tag such as

```
<script crossorigin src="https://unpkg.com/wolfram-notebook-embedder@0.1/dist/wolfram-notebook-embedder.min.js"></script>
```

or install it in your JavaScript project using

```
npm install wolfram-notebook-embedder
```

in order to import it:

```
import WolframNotebookEmbedder from 'wolfram-notebook-embedder';
```

Then you can call `WolframNotebookEmbedder.embed`

to embed a public cloud notebook into a given DOM node.