Vega Viewer

Random Fractals Inc.

|
752 installs
|
2,094 downloads
| (3) | Free
Vega Viewer
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Vega Viewer

Vega Viewer provides language support and Interactive Preview of Vega and Vega-Lite JSON spec graphs 📈, CSV and JSON array data display and filtering in VSCode

Features

  • Create Vega document command
  • Vega and Vega-Lite graphs Preview
  • Local data files support
  • CSV and JSON array data Preview
  • SVG and PNG graph export
  • 472 built-in Vega & Vega-Lite Examples
  • Vega themes Preview

Usage

  1. Run Vega: Create Vega 📊 command from View -> Command Pallette... menu to create and save new Vega or Vega-Lite document with the corresponding Vega JSON schema reference

  2. Run Vega: Preview 📊 on open .vega, .vg.json or .vl.json Vega spec document to Preview it

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

OR

Run Vega: Examples 📊 command to view the list of built-in Vega specification examples

OR

Run Vega: Lite Examples 📊 command to view all the Vega Lite 🗺️'s & 📊's created by the Vega dev community 🤗 ...

The best part of Vega Viewer is you can use it disconnected unlike other online #dataViz #devTools to prototype your 🗺️'️s & 📈's on a go, on a ✈️, on a 🚄, on a 🚤, in a 📦 with a 🐐, and no #d3 #py || #rstats required!

Example: Vega Contour Plot Preview

Alt text

Vega Viewer VSCode Contributions

Alt text

Vega Viewer Commands

Alt text

Dev Log

See #VegaViewer tag on Twitter for the latest and greatest updates on this vscode extension and what's in store next.

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

Contributions

Any and all test, code or feedback contributions are welcome.

Open an issue or create a pull request to make Vega Viewer work better for all.