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)