Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Vega PreviewNew to Visual Studio Code? Get it now.
Vega Preview

Vega Preview

mdk

|
4,909 installs
| (2) | Free
Preview for Vega and Vega-Lite
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vega-preview README

vega-preview provides a preview windows for a vega and vega-lite json files.

The source code of this extension is available at: https://github.com/8/vega-preview

The extension is very much inspired by the great graphviz-preview extension!

Features

Preview for Vega Files

Live-Preview for Vega json files using the command vega-preview.showVegaPreview.

Live Preview Vega

Preview for Vega-Lite Files

Live-Preview for Vega-Lite json files using the command vega-preview.showVegaLitePreview.

Live Preview VegaLite

Export to Svg

Export Vega and Vega-Lite json files to svg using the commands vega-preview.exportVegaToSvg and vega-preview.exportVegaLiteToSvg respectively.

Export Svg

Requirements

Visual Studio Code 1.24.0+

Known Issues

  • Loading External Data is only supported using relative paths (No absolute paths or URIs!)
  • The preview is a static Svg, no interactions are currently supported

Release Notes

0.9.0

Initial Release

0.9.1

To keep the image from disappearing while it is being edited, the last valid state of a json spec is cached and displayed for each document.

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