The central object of this package is a vegaspec, short for “Vega specification”. This can refer to either a Vega or Vega-Lite specification; in our examples, we work almost exclusively with Vega-Lite.
This article will showcase functions that:
The article ends with some “gotchas” (please contribute more as you find them).
A vegaspec is created using the constructor
as_vegaspec(), which takes a
character or a jsonlite
Vega and Vega-Lite expect JSON. Because it is easier, in R, to work with lists, a vegaspec “lives” as a list, and then is coerced to JSON when rendered as a vegawidget.
Let’s start with a bar-chart example. The
data_category object is a sample dataset included in this package:
Looking at the structure of
spec_category, we see that the
vegaspec S3 class inherits from
## List of 4 ## $ $schema : chr "https://vega.github.io/schema/vega-lite/v2.json" ## $ data :List of 1 ## ..$ values:Classes 'tbl_df', 'tbl' and 'data.frame': 10 obs. of 2 variables: ## .. ..$ category: chr [1:10] "a" "b" "c" "d" ... ## .. ..$ number : int [1:10] 21 64 23 41 92 52 61 27 34 48 ## $ mark : chr "bar" ## $ encoding:List of 2 ## ..$ x:List of 2 ## .. ..$ field: chr "category" ## .. ..$ type : chr "nominal" ## ..$ y:List of 2 ## .. ..$ field: chr "number" ## .. ..$ type : chr "quantitative" ## - attr(*, "class")= chr [1:3] "vegaspec_vega_lite" "vegaspec" "list"
You can use the helper function
vega_schema() to generate the string for the
$schema element, which can be useful if you are writing a vegaspec manually.
You might note that, using
data$values element of the vegaspec has a column-major format. In R, data frames are lists of vectors; each of the columns is a vector. In the Vega framework, data sets have a row-major format. When rendering, this package converts data-frames automatically to row-major data.
Sizing can be a tricky issue in Vega-Lite.
The first thing to keep in mind is that the default interpretation of width and height refers to the dimensions of the data rectangle. For example, we can set
height of our example spec:
Here, the data rectangle is 300 \(\times\) 300 pixels, according to our specification.
As you can see above, Vega adds on more “room” for axes, labels, legends, etc., so that the entire chart is 357 \(\times\) 347 pixels.
If we want to specify the dimensions of the entire chart, we can use the
vw_autosize() function. The term “autosize” is taken directly from the Vega documentation for sizing. In this context, the term “autosize” does not mean that Vega will try to find the optimal sizing for your chart.
Instead, it means that if you have a requirement for the dimensions of the entire chart, Vega will try to adjust the chart to meet these sizing requirements. The
vw_autosize() function modifies the vegaspec to provide Vega these instructions.
Here’s an example:
In this context, the
height are defined as the dimensions of the entire plot including axes, labels, padding, etc. Here, we have specified the overall dimensions to be 300 \(\times\) 300 pixels:
As you can see above, Vega takes into account the “room” needed for axes, labels, legends, etc., so that the data rectangle is 243 \(\times\) 253 pixels.
There are limitations to autosizing; the most prominent is that specifying width and height is effective only for single-view and layered specifications. It will not work for specifications with multiple views (e.g.
`repeat`); this will issue a warning that there will be no effect on the specification when rendered.
For more information, see the Vega-Lite documentation on autosizing.
To be clear, if you are using only Vega-Lite, this is not something you should ever need to do. This may be useful if you need to design a specification using Vega, and you want get things started using a Vega-Lite specification.
We can use the
vw_spec_version() function to check the version of the specification:
## $library ##  "vega" ## ## $version ##  "3"
You can examine the result to see how much-more verbose is the Vega specification, compared to the Vega-Lite specification.
There are a few things to keep your eyes open-for if you are building vegaspec:
If the JSON needs a
null, supply a
NULL from R.
If the JSON needs an element called
repeat, keep in mind that this is a reserved word in R. You can specify such an element using backticks, e.g.
list(`repeat` = ...).