This repository contains examples of embedding Observable notebooks in a variety of contexts.
| Example | Description |
|---|---|
| (demo) simple-notebook | Embed an entire notebook into the page |
| (demo) simple-constant | Read the value of a cell (that never changes) |
| (demo) simple-generator | Read the value of a cell (that may change over time) |
| (demo) custom-data | Pass your data into a chart |
| (demo) custom-live-data | Pass live streaming data into a chart |
| (demo) custom-fixed-width | Set the width of a chart to a fixed value |
| (demo) custom-fluid-width | Resize a chart when the window is resized |
| (demo) custom-fluid-width-and-height | Resize a chart when its container is resized |
| (demo) custom-library | Override the Observable Standard Library |
| (demo) standalone | Self-host an Observable notebook with no external dependencies |
| (demo) versioning | Embed a specific version of a notebook |
| (demo) iframe-resize | Implementing Embedly’s protocol for Iframes that resize to match their contents |
| (demo) react-create-react-app | Embed an Observable notebook in a create-react-app application |
| (demo) react-file-attachment | Wrap a notebook (with a file attachment) in a React component |
| (demo) react-dataflow | Pass data between a React app and an Observable notebook |
| (demo) react-dataflow-dynamic | Uses dynamic imports so republishing notebook is immediately reflected |
| (demo) breakout | An extravagant way to demonstrate mutable state |