RandomFractals / Vscode Vega Viewer
Programming Languages
Projects that are alternatives of or similar to Vscode Vega Viewer
Vega Viewer
Vega Viewer provides language support & Interactive Preview of Vega & Vega-Lite JSON spec graphs π
You can use it in a disconnected mode, unlike other online dataViz devTools, to prototype your maps πΊοΈ & graphs π on a go, on a βοΈ, on a π, on a π€, in a π¦ with a π,
and no d3
py
plotly
|| rstats
required! :)
Features
- Create Vega || Vega-Lite JSON
{}
spec documents - Vega & Vega-Lite Graphs Preview π
- Local & http(s) data files support
- SVG & PNG Graph Export options
- 660 searchable built-in Vega & Vega-Lite Examples
- Vega Themes Preview
- Load Vega specs from online Vega Editor or github gists
- Preview Vega graphs π from βοΈ Starred Gists, Playgrounds & featured Data Visualizations in GistPad π
- View and Share Vega(-Lite) spec in the online Vega Editor
- Referenced CSV & JSON data display via Data Preview πΈ
Settings
Install Data Preview πΈ
or use built-in vscode.open
command to preivew referenced CSV & JSON data files for your Vega graphs π
Usage
-
Use
Vega: Create Vega Spec
command fromView -> Command Pallette...
menu to Create & Save new Vega || Vega-Lite document with the corresponding Vegajson
$schema
reference -
Run
Vega: Preview Vega Graph
command on an open.vg.json
||.vl.json
Vega spec document to Preview π -
Save updated Vega spec
json
document to Preview updated Graph π -
Use
Vega: Preview Remote Vega Graph
command to preview URL encoded Vega specs from online Vega Editor or github gists
Built-in Examples
-
Run
Vega: Examples
command to view the list of built-in Vega Examples -
Run
Vega: Lite Examples
command to view all the Vega-Lite Maps πΊ & Graphs π created by the Vega dev community π€ -
Run
Vega: Visual Vocabulary Examples
command to View quick list of Visual Vocabulary Vega Examples
...
Vega Contour Plot Preview
Example:Vega Viewer VSCode Contributions
Vega Viewer Commands
Vega Viewer GistPad Integration
Recommended Extensions
Other extensions Vega Viewer replaces, enhances or supplements for working with data and graphs π in VSCode:
Extension | Description |
---|---|
Data Preivew πΈ | Data Preview πΈ extension for importing π€ viewing π slicing πͺ dicing π² charting π & exporting π₯ large JSON array/config, YAML, Apache Arrow, Avro & Excel data files |
GistPad π | VS Code extension for managing and sharing code snippets, notes and interactive samples using GitHub Gists |
SVG Viewer | SVG Viewer for Visual Studio Code |
Geo Data Viewer πΊοΈ | Geo Data Viewer w/0 Py π, pyWidgets βοΈ, pandas πΌ, or @reactjs βοΈ required to gen. some snazzy maps πΊοΈ with keplerGL ... |
Dev Log
See #VegaViewer π tag on Twitter for the latest & greatest updates on this vscode extension & 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:
Contributions
Any & all test, code || feedback contributions are welcome.
Open an issue || create a pull request to make Vega Viewer π work better for all. π€