VSCode extension for Interactive Preview of Observable JS Notebooks π & Notebook π Nodes β & Cells β source code.
Illustration notebook with Inspect input and parameter to visualize another notebook π cell β dependencies graph β ;)
- π΅οΈ Interactive Preview of JS Notebook π
- π Tree View βΌ panel with Starred/Favorite β Notebooks π
- π₯ Save Notebook π as:
html
/js
runtime webpage π° for adding to web sites || viewing locally in a browser π.ojs
||.omd
for local JS || markdown notebook π editing & preview with Observable JS vscode extension.js
ES JS module ||.nb.json {}
document w/Author π¨ info & Nodes β w/Code Cells β:
Interactive DeckGL Heatmap πΊοΈ Demo Notebook π
- π Tree View βΌ panel with Popular Notebooks π, Collections β & Notebook Authors π¨
- β Notebook Graph View with links to imported Cells β
- β Cell Bookmarks π
...
- Run
JS Notebook: View Notebook from URL
(ctrl/cmd+alt+o
) command from vscode View -> Command Palette ... to load Observable JS Notebook π
...
Install JS Notebook π Inspector π΅οΈ via vscode Extensions tab (ctrl+shift+x
) by searching for notebook
...
Other recommended extensions for working with Interactive notebooks, data, charts, gists and geo data formats in VSCode:
Extension | Description |
---|---|
Observable JS | VS Code extension for Observable "JavaScript" and "Markdown" |
Data Preivew πΈ | Data Preview πΈ extension for importing π€ viewing π slicing πͺ dicing π² charting π & exporting π₯ large JSON array/config, YAML, Apache Arrow, Avro & Excel data files |
GistPad π | VS Code extension for managing and sharing code snippets, notes and interactive samples using GitHub Gists |
Geo Data Viewer πΊοΈ | Geo Data Viewer w/0 Py π, pyWidgets βοΈ, pandas πΌ, or @reactjs βοΈ required to gen. some snazzy maps πΊοΈ with keplerGL ... |
Vega Viewer π | VSCode extension for Interactive Preview of Vega & Vega-Lite maps πΊοΈ & graphs π |
See #jsNotebook π #inspector π΅οΈ on Twitter for the latest & greatest updates on this vscode extension & what's in store next.
$ git clone https://github.com/RandomFractals/js-notebook-inspector
$ cd js-notebook-inspector
$ npm install
$ code .
F5
to launch JS Notebook π Inspector π΅οΈ extension VSCode debug session.
Any & all test, code || feedback contributions are welcome.
Open an issue || create a pull request to make this JS Notebook π Inspector π΅οΈ vscode extension work better for all. π€