{"id":16960558,"url":"https://github.com/randomfractals/js-notebook-inspector","last_synced_at":"2025-03-22T14:30:53.276Z","repository":{"id":40718273,"uuid":"259338443","full_name":"RandomFractals/js-notebook-inspector","owner":"RandomFractals","description":"JS Notebook πŸ““ Inspector πŸ•΅οΈ -\u003e vscode extension for Interactive Preview of Observable JS Notebooks πŸ“š \u0026 Notebook πŸ““ Nodes βŽ‡ \u0026 Cells βŒ— source code.","archived":false,"fork":false,"pushed_at":"2023-04-16T15:49:10.000Z","size":4515,"stargazers_count":27,"open_issues_count":31,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-18T11:51:58.093Z","etag":null,"topics":["inspector","js","notebooks","observable","vscode"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=RandomFractalsInc.js-notebook-inspector","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RandomFractals.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["RandomFractals"],"ko_fi":"dataPixy"}},"created_at":"2020-04-27T13:54:06.000Z","updated_at":"2025-03-09T11:48:01.000Z","dependencies_parsed_at":"2024-10-28T13:21:36.064Z","dependency_job_id":"88304816-465f-486f-9c85-34a218b1de70","html_url":"https://github.com/RandomFractals/js-notebook-inspector","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RandomFractals%2Fjs-notebook-inspector","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RandomFractals%2Fjs-notebook-inspector/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RandomFractals%2Fjs-notebook-inspector/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RandomFractals%2Fjs-notebook-inspector/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RandomFractals","download_url":"https://codeload.github.com/RandomFractals/js-notebook-inspector/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244971700,"owners_count":20540833,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["inspector","js","notebooks","observable","vscode"],"created_at":"2024-10-13T22:49:20.805Z","updated_at":"2025-03-22T14:30:52.789Z","avatar_url":"https://github.com/RandomFractals.png","language":"JavaScript","funding_links":["https://github.com/sponsors/RandomFractals","https://ko-fi.com/dataPixy","https://ko-fi.com/dataPixy'"],"categories":[],"sub_categories":[],"readme":"# JS Notebook πŸ““ Inspector πŸ•΅οΈ\n\n[![Build Status](https://api.travis-ci.com/RandomFractals/js-notebook-inspector.svg?branch=master)](https://github.com/RandomFractals/js-notebook-inspector)\n[![Apache-2.0 License](https://img.shields.io/badge/license-Apache2-orange.svg?color=green)](http://opensource.org/licenses/Apache-2.0)\n\u003ca href='https://ko-fi.com/dataPixy' target='_blank' title='support: https://ko-fi.com/dataPixy'\u003e\n \u003cimg height='24' style='border:0px;height:20px;' src='https://az743702.vo.msecnd.net/cdn/kofi3.png?v=2' alt='https://ko-fi.com/dataPixy' /\u003e\u003c/a\u003e\n\n[![Version](https://img.shields.io/visual-studio-marketplace/v/RandomFractalsInc.js-notebook-inspector.svg?color=orange\u0026style=?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=RandomFractalsInc.js-notebook-inspector)\n[![Installs](https://img.shields.io/visual-studio-marketplace/i/RandomFractalsInc.js-notebook-inspector.svg?color=orange)](https://marketplace.visualstudio.com/items?itemName=RandomFractalsInc.js-notebook-inspector)\n[![Downloads](https://img.shields.io/visual-studio-marketplace/d/RandomFractalsInc.js-notebook-inspector.svg?color=orange)](https://marketplace.visualstudio.com/items?itemName=RandomFractalsInc.js-notebook-inspector)\n\n[VSCode](https://code.visualstudio.com/) extension for Interactive Preview of [Observable](https://observablehq.com/explore) JS Notebooks πŸ“š \u0026 Notebook πŸ““ Nodes βŽ‡ \u0026 Cells βŒ— source code.\n\n#### Example: [Observable Notebook πŸ““ Inspector πŸ•΅οΈ](https://observablehq.com/@randomfractals/notebook-info)\n\nIllustration notebook with Inspect input and parameter to visualize another notebook πŸ““ cell βŒ— dependencies graph βŽ‡ ;)\n\n![Notebook πŸ““ Inspector πŸ•΅οΈ](https://github.com/RandomFractals/js-notebook-inspector/blob/master/images/js-notebook-inspector.png?raw=true\n \"JS Notebook πŸ““ Inspector πŸ•΅οΈ\")\n\n# Alpha v. Features\n\n- πŸ•΅οΈ Interactive Preview of JS Notebook πŸ““\n- πŸ“š Tree View ⚼ panel with Starred/Favorite ⭐ Notebooks πŸ““\n- πŸ“₯ Save Notebook πŸ““ as:\n * `html`/`js` [runtime](https://github.com/observablehq/runtime) webpage πŸ“° for adding to web sites || viewing locally in a browser 🌐\n * `.ojs` || `.omd` for local JS || markdown notebook πŸ““ editing \u0026 preview with [Observable JS](https://marketplace.visualstudio.com/items?itemName=GordonSmith.observable-js) vscode extension\n * `.js` [ES JS module](https://hacks.mozilla.org/2018/03/es-modules-a-cartoon-deep-dive/) || [`.nb.json {}`](https://github.com/RandomFractals/js-notebook-inspector/blob/master/notebooks/intro/hello-world.nb.json) document w/Author πŸ‘¨ info \u0026 Nodes βŽ‡ w/Code Cells βŒ—:\n\n### Notebook πŸ““ JSON View\n\n![Notebook πŸ““ JSON View](https://github.com/RandomFractals/js-notebook-inspector/blob/master/images/js-notebook-json.png?raw=true\n \"Notebook πŸ““ JSON View\")\n\n### Favorite ⭐ Notebooks πŸ“š Tree View ⚼\n\n![Favorite ⭐ Notebooks πŸ“š Tree View ⚼](https://github.com/RandomFractals/js-notebook-inspector/blob/master/images/js-notebook-favorite-tree-view.png?raw=true\n \"Notebook πŸ““ JSON View\")\n\n### Interactive [DeckGL Heatmap πŸ—ΊοΈ Demo Notebook πŸ““](https://github.com/RandomFractals/js-notebook-inspector/tree/master/notebooks/deck.gl)\n\n![Interactive Deck.GL Heatmap πŸ—ΊοΈ Demo Notebook πŸ““](https://github.com/RandomFractals/js-notebook-inspector/blob/master/images/js-notebook-deckgl-heatmap.png?raw=true\n \"Interactive Deck.GL Heatmap πŸ—ΊοΈ Demo Notebook πŸ““ View\")\n\n### [D3.js Gallery Notebooks πŸ“š](https://github.com/RandomFractals/js-notebook-inspector/tree/master/notebooks/d3)\n\n![d3.js Gallery Notebooks πŸ“š](https://github.com/RandomFractals/js-notebook-inspector/blob/master/images/js-notebook-d3-gallery.png?raw=true\n \"d3.js Gallery Notebooks πŸ“š\")\n\n# Planned Beta Features\n\n- πŸ“š Tree View ⚼ panel with Popular Notebooks πŸ““, Collections β–’ \u0026 Notebook Authors πŸ‘¨\n- βŽ‡ Notebook Graph View with links to imported Cells βŒ—\n- βŒ— Cell Bookmarks πŸ”–\n\n...\n\n# Usage\n\n- Run `JS Notebook: View Notebook from URL` (`ctrl/cmd+alt+o`) command from vscode View -\u003e Command Palette ... to load Observable JS Notebook πŸ““\n\n...\n\n# Installation\n\nInstall [JS Notebook πŸ““ Inspector πŸ•΅οΈ](https://marketplace.visualstudio.com/items?itemName=RandomFractalsInc.js-notebook-inspector) via vscode Extensions tab (`ctrl+shift+x`) by searching for `notebook`...\n\n![Install JS Notebook πŸ““ Inspector πŸ•΅οΈ](https://github.com/RandomFractals/js-notebook-inspector/blob/master/images/js-notebook-inspector-info.png?raw=true\n \"Install JS Notebook πŸ““ Inspector πŸ•΅οΈ\")\n\n# Recommended Extensions\n\nOther recommended extensions for working with Interactive notebooks, data, charts, gists and geo data formats in [VSCode](https://code.visualstudio.com/):\n\n| Extension | Description |\n| --- | --- |\n| [Observable JS](https://marketplace.visualstudio.com/items?itemName=GordonSmith.observable-js)| VS Code extension for Observable \"JavaScript\" and \"Markdown\" |\n| [Data Preivew 🈸](https://marketplace.visualstudio.com/items?itemName=RandomFractalsInc.vscode-data-preview) | Data Preview 🈸 extension for importing πŸ“€ viewing πŸ”Ž slicing πŸ”ͺ dicing 🎲 charting πŸ“Š \u0026 exporting πŸ“₯ large JSON array/config, YAML, Apache Arrow, Avro \u0026 Excel data files |\n| [GistPad πŸ“˜](https://marketplace.visualstudio.com/items?itemName=vsls-contrib.gistfs) | VS Code extension for managing and sharing code snippets, notes and interactive samples using GitHub Gists |\n| [Geo Data Viewer πŸ—ΊοΈ](https://marketplace.visualstudio.com/items?itemName=RandomFractalsInc.geo-data-viewer) | Geo Data Viewer w/0 Py 🐍, pyWidgets βš™οΈ, pandas 🐼, or @reactjs βš›οΈ required to gen. some snazzy maps πŸ—ΊοΈ with keplerGL ... |\n| [Vega Viewer πŸ“ˆ](https://marketplace.visualstudio.com/items?itemName=RandomFractalsInc.vscode-vega-viewer) | VSCode extension for Interactive Preview of Vega \u0026 Vega-Lite maps πŸ—ΊοΈ \u0026 graphs πŸ“ˆ |\n\n# Dev Log\n\nSee [#jsNotebook πŸ““ #inspector πŸ•΅οΈ on Twitter](https://twitter.com/search?q=%23jsNotebook%20%23inspector\u0026src=typed_query\u0026f=live) for the latest \u0026 greatest updates on this vscode extension \u0026 what's in store next.\n\n# Dev Build\n\n```bash\n$ git clone https://github.com/RandomFractals/js-notebook-inspector\n$ cd js-notebook-inspector\n$ npm install\n$ code .\n```\n`F5` to launch JS Notebook πŸ““ Inspector πŸ•΅οΈ extension VSCode debug session.\n\n# Contributions\n\nAny \u0026 all test, code || feedback contributions are welcome.\n\nOpen an issue || create a pull request to make this JS Notebook πŸ““ Inspector πŸ•΅οΈ vscode extension work better for all. πŸ€—\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frandomfractals%2Fjs-notebook-inspector","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frandomfractals%2Fjs-notebook-inspector","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frandomfractals%2Fjs-notebook-inspector/lists"}