vega-themes

vega-themes

Themes for stylized Vega and Vega-Lite visualizations. For Vega version 3 and Vega-Lite 2.

A Vega theme is a configuration object with default settings for a variety of visual properties such as colors, typefaces, line widths and spacing. This module exports a set of named themes, which can be passed as input to the Vega or Vega-Lite with Vega-Embed or directly as a configuration object to the Vega parser.

var runtime = vegaEmbed(el, spec, {config: vega.themes.quartz});

Once instantiated, a visualization theme can not be changed. Instead, the input specification must be re-parsed with a new theme.

Included Themes

# vega.themes.excel <>

Chart theme modeled after Microsoft Excel.

# vega.themes.ggplot2 <>

Chart theme modeled after ggplot2.

# vega.themes.quartz <>

Chart theme modeled after Quartz.

# vega.themes.vox <>

Chart theme modeled after Vox.

# vega.themes.dark <>

A dark theme.

Instructions

To view and test different themes, follow these steps:

1. Install dependencies via yarn.
2. Launch a local web server in the top-level directory with yarn start.
3. Load the examples in your browser (at http://localhost:8000/test/).