Vega Viewer extension for Interactive Preview of Vega and Vega-Lite JSON spec charts in VSCode
Clone or download

README.md

Vega Viewer

Vega Viewer provides language support and Interactive Preview of Vega and Vega-Lite JSON spec charts in VSCode

Usage

  1. Run Vega: Preview command from View -> Command Pallette... menu on open .vega, .vg.json or .vl.json Vega spec document

  2. Save updated Vega spec JSON document to Preview updated Vega viz

Example: Vega Contour Plot Preview

Alt text

Vega Viewer VSCode Contributions

Alt text

Vega Preview Menu Shortcuts

The following Preview navigation menu items are added for quick Vega chart previews:

1. Vega: Preview Command

Alt text

2. Explorer/context Preview

Alt text

3. Editor/title Preview

Alt text

4. Editor/title/context Preview

Alt text

Dev Build

$ git clone https://github.com/RandomFractals/vscode-vega-viewer
$ cd vscode-vega-viewer
$ npm install
$ code .

F5 to launch Vega Viewer extension VSCode debug session:

Alt text