JS Notebook π Inspector π΅οΈ
π Build Status
π Apache-2.0 License
π https://ko-fi.com/dataPixy
π Version
π Installs
π Downloads
VSCode extension for Interactive Preview of Observable JS Notebooks π & Notebook π Nodes β & Cells β source code.
π JS Notebook π Inspector π΅οΈ
Alpha v. Features
- π΅οΈ Interactive Preview of JS Notebook π
- π Tree View βΌ panel with Starred/Favorite β Notebooks π
- π₯ Notebook π
html/js runtime webpage π°
for adding to web sites || viewing locally in a browser π
- πΎ Save Notebook π as
.js ES JS module || .nb.json {} document w/Author π¨ info & Nodes β w/Code Cells β:
Notebook π JSON View
π Notebook π JSON View
Favorite β Notebooks π Tree View βΌ
π Notebook π JSON View
Planned Beta Features
- π Tree View βΌ panel with Popular Notebooks π, Collections β & Notebook Authors π¨
- β Notebook Graph View with links to imported Cells β
- β Cell Bookmarks π
...
π Notebook Collections π Tree View
Usage
- Run
JS Notebook: View Notebook from URL (ctrl/cmd+alt+o) command from vscode View -> Command Palette ... to load Observable JS Notebook π
...
Installation
Install JS Notebook π Inspector π΅οΈ via vscode Extensions tab (ctrl+shift+x) by searching for notebook...
π Install JS Notebook π Inspector π΅οΈ
Recommended Extensions
Other recommended extensions for working with Interactive data, charts, gists and geo data formats in VSCode:
| Extension |
Description |
| 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 π |
Dev Log
See #jsNotebook π #inspector π΅οΈ on Twitter for the latest & greatest updates on this vscode extension & what's in store next.
Dev Build
$ 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.
Contributions
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. π€