Sync'ing from Memory

Graphics: Grammar of Graphics, Vega, Oz

Quickstart notes for being productive with graphics libraries. In the browser.

The Grammar of Graphics

Building Blocks

Data Input data source to visualize
Transform Filter, aggregation, binning etc.
Mark Data-representative graphics.
Encoding Mapping between data and mark properties.
Scale Functions that map data values to visual values.
Guides Axes and legends that visualize scales.


Vega-Lite is inspired by `ggplot` and `Tableau`. In the words of the authors

Vega-Lite: a Grammar of Interactive Multi-View Graphics


  • Single View specification

  • Layered and Multi-View Composition

  • Interaction with Selections


  • Programming

  • Higher-level Tools and Recommendations