Skip to content

vis-au/colorbrewer

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code
This branch is 30 commits ahead, 4 commits behind axismaps:master.

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
lib
 
 
map
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

ColorBrewer-Lite

Try the live demo!

This project extends the popular ColorBrewer -- a web tool for guidance in choosing choropleth map color schemes -- for modifying color scales in Vega-Lite specifications.

To achieve this, we utilize ReVize's import and export classes to modify color encodings in all partial views in composite Vega-Lite visualizations. After selecting a target view, all color encodings from Vega-Lite (color, fill, stroke) can be set, mapping to any field of the included dataset.

ColorBrewer is based on the research of Dr. Cynthia Brewer. Built and maintained by Axis Maps.

Questions, problems, or other feedback? File an issue!

Using this Tool

Enter a Vega-Lite specification into the textfield in the left panel and click import. (Note: When importing a specification from the Vega-Lite examples page, URLs are relative to the Vega website, so to correctly render the specification in ColorBrewer, change any URLs to https://vega.github.io/vega-datasets/YOUR_DATA_URL, where YOUR_DATA_URL takes the relative path from the example specification.) Your specification will be rendered in the panel on the right. In the left box below the text field, entries for all views, encodings and fields will appear, based on the specification you imported.

In order to change a color mapping, select a view from the list below that contains all views that define a color encoding in your Vega-Lite specification in the order in which they appear. Next, select the visual variable that you would like to represent with a color scheme, which in Vega-Lite are color, fill and stroke. Then, select a field from the list the color should represent. This list contains all fields that are contained in the original dataset, but does not contain properties added to the data through transformations. If you want to map color to a field that is not listed, you can enter it into the text field below and press enter.

Afterwards, you can pick a color scheme from the top of the left panel, using the dropdown panel to select the number of shades. Make sure to select the correct data type in from the three options "quantitative", "nominal" and "ordinal".

Citing this tool

ColorBrewer-Lite is a research output on visualization toolchaining. As such, we ask you to use the following citation when referring to ColorBrewer-Lite in your publications.

@inproceedings {hograefer2019,
  booktitle = {Smart Tools and Apps for Graphics - Eurographics Italian Chapter Conference},
  editor = {Agus, Marco and Corsini, Massimiliano and Pintus, Ruggero},
  title = {{ReVize: A Library for Visualization Toolchaining with Vega-Lite}},
  author = {Hogräfer, Marius and Schulz, Hans-Jörg},
  year = {2019},
  publisher = {The Eurographics Association},
  ISSN = {2617-4855},
  ISBN = {978-3-03868-100-7},
  DOI = {10.2312/stag.20191375}
}

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 96.6%
  • CSS 2.3%
  • Other 1.1%