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.3/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.