Build data visualizations and graphs with the
Vega-Lite
language. When you use a grammar of graphics, you’re not limited by a fixed number of chart types – you have the power to “compose” using a library of building blocks. Links to tutorials and documentation are in the “help” tab.
Graphs can be copied to Figma as SVG Layers for further adjustment.
Features
- Preloaded with graph templates to get you started
- Support theming (fonts, colors, spacing) based on major newsrooms and data visualization tools thanks to the Vega-Themes package
- JSON editor provides syntax highlighting and autoformat
- Support for quick resizing graphs
- Enable adding datasets in CSV or JSON formats
- Use cmd+enter to “run” your graph without clicking.
Acknowledgements
- This project was made possible by the University of Washington Interactive Data Lab, the open source efforts of the Vega community contributors, and the grammar of graphics efforts that came before
- Vega-Lite icon created by Dominik Moritz
-
Test dataset used for the scatterplot thumbnail comes from Allison Horst’s
“PalmerPenguins” Project
Limitations + Workarounds
-
Graphs are static (use the
Vega Editor
for dynamic graphs) - Currently supports Vega-Lite v5.1+
- Does not support http data fetching for security reasons. You can upload any datasets you’d like to the “data” tab as an alternative.
A gallery of starter visualization types / a better thumbnail / a support page for feature requests may be provided in the future.
