Observable Examples

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

examples
examples copied to clipboard