Skip to content

Examples of using Observable in a variety of contexts

Notifications You must be signed in to change notification settings

observablehq/examples

Repository files navigation

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