js-notebook-inspector
JS Notebook đ Inspector đĩī¸ -> vscode extension for Interactive Preview of Observable JS Notebooks đ & Notebook đ Nodes â & Cells â source code.
APACHE-2.0 License
JS Notebook đ Inspector đĩī¸
VSCode extension for Interactive Preview of Observable JS Notebooks đ & Notebook đ Nodes â & Cells â source code.
Example: Observable Notebook đ Inspector đĩī¸
Illustration notebook with Inspect input and parameter to visualize another notebook đ cell â dependencies graph â ;)
Alpha v. Features
- đĩī¸ Interactive Preview of JS Notebook đ
- đ Tree View âŧ panel with Starred/Favorite â Notebooks đ
- đĨ Save Notebook đ as:
-
html/jsruntime webpage đ° for adding to web sites || viewing locally in a browser đ -
.ojs||.omdfor local JS || markdown notebook đ editing & preview with Observable JS vscode extension -
.jsES JS module ||.nb.json {}document w/Author đ¨ info & Nodes â w/Code Cells â:
-
Notebook đ JSON View
Favorite â Notebooks đ Tree View âŧ
Interactive DeckGL Heatmap đēī¸ Demo Notebook đ
D3.js Gallery Notebooks đ
Planned Beta Features
- đ Tree View âŧ panel with Popular Notebooks đ, Collections â & Notebook Authors đ¨
- â Notebook Graph View with links to imported Cells â
- â Cell Bookmarks đ
...
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...
Recommended Extensions
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 đ |
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. đ¤
