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
- 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
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
Vega: Preview 📊 on open
.vl.json Vega spec document to Preview it
Save updated Vega spec JSON document to Preview updated Vega viz
Vega: Examples 📊 command to view the list of built-in Vega specification examples
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!
Vega Viewer VSCode Contributions
Vega Viewer Commands
See #VegaViewer tag on Twitter for the latest and greatest updates on this vscode extension and what's in store next.
$ 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:
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.