Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Embedded Observablehq Minimal Cell

Public visualization

Viewing a saved revision (read-only)

46fbf36e48f246cc8ee9055d2e30820d

Embedded Observablehq Minimal Cell

0 stars1🌍 Public
RRussell Watson
Last edited Jan 30, 2020
Created on Jan 30, 2020

This example demonstrates embedding a single Observable notebook cell into a standalone HTML page. It loads a specific value named "calc" from an Observable notebook using the Observable Runtime API and renders it into a designated container via `Inspector.into`. The page retrieves the notebook definition from the Observable API URL, while the runtime is imported from the jsDelivr CDN. This approach minimizes the embedded footprint to roughly five kilobytes, compared to the full notebook’s larger size, showcasing a lightweight integration method.

AI-generated description

Test to see how efficient embedding observable stuff is. A simple calculated value.

Total = ~85 KB

Vishub Basis = ~30 KB

Observablehq = ~55 KB

OHQ-Basis = ~50 KB

This Cell = ~5 KB