Skip to content
| Marketplace
Sign in
Visual Studio Code>Data Science>Observable JS Notebook InspectorNew to Visual Studio Code? Get it now.
Observable JS Notebook Inspector

Observable JS Notebook Inspector

Random Fractals Inc.

|
2,457 installs
| (0) | Free
JS Notebook ?? Inspector ??? -> vscode extension for Interactive Preview of Observable JS Notebooks ?? & Notebook ?? Nodes ? & Cells ? source code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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.

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 ⚼

Favorite ⭐ Notebooks 📚 Tree 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. 🤗

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft