vega-themes

WebJar for vega-themes

License

License

BSD 3-Clause
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

vega-themes
Last Version

Last Version

2.9.0
Release Date

Release Date

Type

Type

jar
Description

Description

vega-themes
WebJar for vega-themes
Project URL

Project URL

https://www.webjars.org
Source Code Management

Source Code Management

https://github.com/vega/vega-themes

Download vega-themes

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/vega-themes/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>vega-themes</artifactId>
    <version>2.9.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/vega-themes/
implementation 'org.webjars.npm:vega-themes:2.9.0'
// https://jarcasting.com/artifacts/org.webjars.npm/vega-themes/
implementation ("org.webjars.npm:vega-themes:2.9.0")
'org.webjars.npm:vega-themes:jar:2.9.0'
<dependency org="org.webjars.npm" name="vega-themes" rev="2.9.0">
  <artifact name="vega-themes" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='vega-themes', version='2.9.0')
)
libraryDependencies += "org.webjars.npm" % "vega-themes" % "2.9.0"
[org.webjars.npm/vega-themes "2.9.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

Vega Themes

npm version Build Status

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.

Try Vega-Themes in our Observable Demo.

Vega Themes comes with Vega-Embed:

vegaEmbed(el, spec, {theme: 'quartz'});

If you want to use a different version, pass the theme as a configuration:

vegaEmbed(el, spec, {config: vegaThemes.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. Try it here.

# vega.themes.ggplot2 <>

Chart theme modeled after ggplot2. Try it here.

# vega.themes.quartz <>

Chart theme modeled after Quartz. Try it here.

# vega.themes.vox <>

Chart theme modeled after Vox. Try it here.

# vega.themes.fivethirtyeight <>

Chart theme modeled after FiveThirtyEight. Try it here.

# vega.themes.dark <>

A dark theme. Try it here.

# vega.themes.latimes <>

Chart theme modeled after the Los Angeles Times. Try it here.

# vega.themes.urbaninstitute <>

Chart theme modeled after the Urban Institute. Try it here.

# vega.themes.googlecharts <>

Chart theme modeled after Google Charts. Try it here.

Instructions for Developers

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. Make changes. The website will automatically reload.

Release Process

To release a new version, make sure that everything works. Then run yarn version and bump the version number. Lastly, push to GitHub (with the release tag). Travis will build a bundle and make the npm release automatically.

org.webjars.npm

Vega

Data Visualization Languages & Tools

Versions

Version
2.9.0
2.8.2
2.2.0