ObservableHQ Viewer

This project makes it simple to preview an Observablehq notebook outside Observablehq UI.

Usage

1. https://observablehq-viewer.glitch.me/USER/NOTEBOOK

2. https://observablehq-viewer.glitch.me/USER/NOTEBOOK?cells=cellname1,cellname2

Examples

https://observablehq-viewer.glitch.me/@fil/synchronized-projections

from @fil/synchronized-projections

https://observablehq-viewer.glitch.me/@mbostock/voronoi-stippling

from @mbostock/voronoi-stippling

Named Cells

You can target only interesting cells and let code cells out of your preview. You will need named cells

cellName = {
  
}

Example

Take this https://observablehq.com/@johnburnmurdoch/bar-chart-race

Here you can preview only the cell names chart

https://observablehq-viewer.glitch.me/@johnburnmurdoch/bar-chart-race?cells=chart

or the whole notebook

https://observablehq-viewer.glitch.me/@johnburnmurdoch/bar-chart-race

https://observablehq-viewer.glitch.me/USER/NOTEBOOK?cells=cellname1,cellname2

or multiple cells

https://observablehq-viewer.glitch.me/@radames/hello-d3fc-webgl?cells=title,chartEl

TODOS

• link back to original notebook on Observablehq
• notebook author information on preview
• change page title to notebook title (fetch title from observablehq api)