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