Graphics.Vega.VegaLite

This is a port of the Elm Vega Lite module, written by Jo Wood of the giCentre at the City University of London. It was originally based on version 2.2.1 but it has been updated to match later versions. This module allows users to create a Vega-Lite specification, targeting version 4 of the JSON schema. The ihaskell-hvega module provides an easy way to embed Vega-Lite visualizations in an IHaskell notebook (using Vega-Embed).

Although this is based on the Elm module, there are differences, such as using type constructors rather than functions for many properties - such as PName "HorsePower" rather than pName "HorsePower" - and the return value of toVegaLite. The intention is to keep close to the Elm module, but it is more a guide than an absolute requirement!

Please see Graphics.Vega.Tutorials.VegaLite for an introduction to using hvega to create visualizations.

Example

Note that this module exports several symbols that are exported by the Prelude, such as filter, lookup, and repeat; to avoid name clashes it's therefore advised to either import the module qualified, for example:

import qualified Graphics.Vega.VegaLite as VL

or to hide the clashing names explicitly:

import Prelude hiding (filter, lookup, repeat)

In the following example, we'll assume the latter.

Let's say we have the following plot declaration in a module:

{-# language OverloadedStrings #-}

vl1 =
  let desc = "A very exciting bar chart"

      dat = dataFromRows [Parse [("start", FoDate "%Y-%m-%d")]]
            . dataRow [("start", Str "2011-03-25"), ("count", Number 23)]
            . dataRow [("start", Dtr "2011-04-02"), ("count", Number 45)]
            . dataRow [("start", Str "2011-04-12"), ("count", Number 3)]

      barOpts = [MOpacity 0.4, MColor "teal"]

      enc = encoding
            . position X [PName "start", PmType Temporal, PAxis [AxTitle "Inception date"]]
            . position Y [PName "count", PmType Quantitative]

  in toVegaLite [description desc, background "white"
                , dat [], mark Bar barOpts, enc []]

We can inspect how the encoded JSON looks like in an GHCi session:

> encode $ fromVL vl1
> "{"mark":{"color":"teal","opacity":0.4,"type":"bar"},"data":{"values":[{"start":"2011-03-25","count":23},{"start":"2011-04-02","count":45},{"start":"2011-04-12","count":3}],"format":{"parse":{"start":"date:'%Y-%m-%d'"}}},"$schema":"https://vega.github.io/schema/vega-lite/v4.json","encoding":{"x":{"field":"start","type":"temporal","axis":{"title":"Inception date"}},"y":{"field":"count","type":"quantitative"}},"background":"white","description":"A very exciting bar chart"}"

The produced JSON can then be processed with vega-lite, which renders the following image:

which can also be displayed in the Vega Editor.

Output can be achieved in a Jupyter Lab session with the vlShow function, provided by ihaskell-vega, or toHtmlFile can be used to write out a page of HTML that includes pointer to JavaScript files which will display a Vega-Lite specification (there are also functions which provide more control over the embedding).

Creating a Vega-Lite Specification

toVegaLite :: [PropertySpec] -> VegaLite

Convert a list of Vega-Lite specifications into a single JSON object that may be passed to Vega-Lite for graphics generation. Commonly these will include at least a data, mark, and encoding specification.

While simple properties like mark may be provided directly, it is usually clearer to label more complex ones such as encodings as separate expressions. This becomes increasingly helpful for visualizations that involve composition of layers, repeats and facets.

Specifications can be built up by chaining a series of functions (such as dataColumn or position in the example below). Functional composition using the . operator allows this to be done compactly.

let dat = dataFromColumns []
          . dataColumn "a" (Strings [ "C", "C", "D", "D", "E", "E" ])
          . dataColumn "b" (Numbers [ 2, 7, 1, 2, 6, 8 ])

    enc = encoding
          . position X [ PName "a", PmType Nominal ]
          . position Y [ PName "b", PmType Quantitative, PAggregate Mean ]

in toVegaLite [ dat [], mark Bar [], enc [] ]

The schema used is version 4 of Vega-Lite, and please report an issue if you find a problem with the output of hvega. Use toVegaLiteSchema if you need to create a Vega-Lite specification which uses a different version of the schema.

toVegaLiteSchema

Arguments

:: Text

The schema to use (e.g. vlSchema4 or created with vlSchema).

There is no check that this schema represents Vega-Lite, and is just treated as a value added to the output JSON.

-> [PropertySpec]

The visualization.

-> VegaLite

A version of toVegaLite that allows you to change the Vega-Lite schema version of the visualization.

toVegaLiteSchema vlSchema3 props

Note that the schema is only used to fill in the "$schema" field of the JSON structure. It does not change the JSON encoding of the visualization.

vlSchema2 :: Text

The latest version 2 Vega-Lite schema (equivalent to vlSchema 2 Nothing Nothing Nothing).

vlSchema3 :: Text

The latest version 3 Vega-Lite schema (equivalent to vlSchema 3 Nothing Nothing Nothing).

vlSchema4 :: Text

The latest version 4 Vega-Lite schema (equivalent to vlSchema 4 Nothing Nothing Nothing).

vlSchema

Arguments

:: Natural

The major version

-> Maybe Natural

The minor version

-> Maybe Natural

The "micro" version

-> Maybe Text

Anything beyond "major.minor.micro" (e.g. "-beta.0").

-> Text

The Vega-Lite Schema

Create the Vega-Lite schema for an arbitrary version. See https://github.com/vega/schema for more information on naming and availability.

There is no validation of the input values.

Alpha and Beta releases can be specified by setting the last argument; for instance to get the "beta.0" version of version 4 you would use

vlSchema 4 (Just 0) (Just 0) (Just "-beta.0")

whereas

vlSchema 4 Nothing Nothing Nothing

refers to the latest release of version 4.

fromVL

Arguments

:: VegaLite

-> Value

Prior to version 0.5.0.0 this was labelled as returning a VLSpec value. It has been changed to Value to indicate that this is the JSON representation of the visualization (noting that VLSpec is an alias for Value).

Obtain the Vega-Lite JSON (i.e. specification) for passing to a Vega-Lite visualizer.

let vlSpec = fromVL vl
Data.ByteString.Lazy.Char8.putStrLn (Data.Aeson.Encode.Pretty.encodePretty vlSpec)

Note that there is no validation done to ensure that the output matches the Vega Lite schema. That is, it is possible to create an invalid visualization with this module (e.g. missing a data source or referring to an undefined field).

data VLProperty

Top-level Vega-Lite properties. These are the ones that define the core of the visualization grammar. All properties are created by functions which can be arranged into seven broad groups:

Data Properties

These relate to the input data to be visualized. Generated by dataFromColumns, dataFromRows, dataFromUrl, dataFromSource, dataFromJson, dataSequence, sphere, and graticule.

Transform Properties

These indicate that some transformation of input data should be applied before encoding them visually. Generated by transform and projection they can include data transformations such as filter, binAs and calculateAs and geo transformations of longitude, latitude coordinates used by marks such as Geoshape, Point, and Line.

Mark Properties

These relate to the symbols used to visualize data items. They are generated by mark, and include types such as Circle, Bar, and Line.

Encoding Properties

These specify which data elements are mapped to which mark characteristics (known as channels). Generated by encoding, they include encodings such as position, color, size, shape, text, hyperlink, and order.

Composition Properties

These allow visualization views to be combined to form more complex visualizations. Generated by layer, repeat, repeatFlow, facet, facetFlow, vlConcat, columns, hConcat, vConcat, asSpec, and resolve.

Interaction Properties

These allow interactions such as clicking, dragging and others generated via a GUI or data stream to influence the visualization. Generated by selection.

Supplementary and Configuration Properties

These provide a means to add metadata and styling to one or more visualizations. Generated by name, title, description, background, height, heightStep, width, widthStep, padding, autosize, viewBackground, and configure.

Prior to 0.4.0.0 this was an opaque data type, as the constructors were not exported. It is suggested that you do not import the constructors to VLProperty unless you need to transform the Vega-Lite code in some manner (e.g. because hvega is missing needed functionality or is buggy).

Note that there is only a very-limited attempt to enforce the Vega-Lite Schema (e.g. to ensure the required components are provided).

Constructors

VLAlign

See align.

Since: 0.4.0.0

VLAutosize

See autosize.

VLBackground

See background.

VLBounds

See bounds.

Since: 0.4.0.0

VLCenter

See center and centerRC.

Since: 0.4.0.0

VLColumns

See columns.

Since: 0.4.0.0

VLConcat

See vlConcat.

Since: 0.4.0.0

VLConfig

See configure.

VLData

See dataFromColumns, dataFromJson, dataFromRows, dataFromSource, dataFromUrl, dataName, dataSequence, dataSequenceAs, graticule, noData, and sphere.

VLDatasets

See datasets.

VLDescription

See description.

VLEncoding

See encoding.

VLFacet

See facet and facetFlow.

VLHConcat

See hConcat.

VLHeight

See height and heightStep.

VLLayer

See layer.

VLMark

See mark.

VLName

See name.

VLPadding

See padding.

VLProjection

See projection.

VLRepeat

See repeat and repeatFlow.

VLResolve

See resolve.

VLSelection

See selection.

VLSpacing

See alignRC, spacing, and spacingRC.

Since: 0.4.0.0

VLSpecification

See specification.

VLTitle

See title.

VLTransform

See transform.

VLUserMetadata

see usermetadata.

Since: 0.4.0.0

VLVConcat

See vConcat.

VLViewBackground

See viewBackground.

Since: 0.4.0.0

VLWidth

See width and widthStep.

type VLSpec = Value

The Vega-Lite specification is represented as JSON.

data VegaLite

A Vega Lite visualization, created by toVegaLite. The contents can be extracted with fromVL.

type PropertySpec = (VLProperty, VLSpec)

A convenience type-annotation label. It is the same as Data.

Since: 0.4.0.0

type LabelledSpec = (Text, VLSpec)

Represents a named Vega-Lite specification, usually generated by a function in this module. You shouldn't need to create LabelledSpec tuples directly, but they can be useful for type annotations.

data EncodingSpec

Represent an encoding (input to encoding).

It is expected that routines like position and color are used to create values with this type, but they can also be constructed and deconstructed manually with toEncodingSpec and fromEncodingSpec.

Since: 0.5.0.0

toEncodingSpec

Arguments

:: Text

The key to use for these settings (e.g. "color" or "position").

-> VLSpec

The value of the key. This is expected to be an object, but there is no check on the value.

See the Vega-Lite schema for information on the supported values.

-> EncodingSpec

This function is provided in case there is any need to inject JSON into the Vega-Lite document that hvega does not support (due to changes in the Vega-Lite specification or missing functionality in this module). If you find yourself needing to use this then please report an issue.

See also fromEncodingSpec.

Since: 0.5.0.0

fromEncodingSpec

Arguments

:: EncodingSpec

-> (Text, VLSpec)

The key for the settings (e.g. "detail") and the value of the key.

Extract the contents of an encoding specification. This may be needed when the Vega-Lite specification adds or modifies settings for a particular encoding, and hvega has not been updated to reflect this change. If you find yourself needing to use this then please report an issue.

See also toEncodingSpec.

Since: 0.5.0.0

data TransformSpec

Represent a transformation (input to transform).

It is expected that routines like calculateAs and filter are used to create values with this type, but they can also be constructed and deconstructed manually with toTransformSpec and fromTransformSpec.

Since: 0.5.0.0

toTransformSpec

Arguments

:: VLSpec

The tranform value, which is expected to be an object, but there is no check on this.

See the Vega-Lite schema for information on the supported values.

-> TransformSpec

This function is provided in case there is any need to inject JSON into the Vega-Lite document that hvega does not support (due to changes in the Vega-Lite specification or missing functionality in this module). If you find yourself needing to use this then please report an issue.

See also fromTransformSpec.

Since: 0.5.0.0

fromTransformSpec

Arguments

:: TransformSpec

-> VLSpec

The transformation data.

Extract the contents of a transformation specification. This may be needed when the Vega-Lite specification adds or modifies settings for a particular encoding, and hvega has not been updated to reflect this change. If you find yourself needing to use this then please report an issue.

See also toTransformSpec.

Since: 0.5.0.0

data ResolveSpec

Represent a set of resolution properties (input to resolve).

It is expected that resolution is used to create values with this type, but they can also be constructed and deconstructed manually with toResolveSpec and fromResolveSpec.

Since: 0.5.0.0

toResolveSpec

Arguments

:: Text

The key to use for these settings (e.g. "axis" or "scale").

-> VLSpec

The value of the key. This is expected to be an object, but there is no check on the value.

See the Vega-Lite schema for information on the supported values.

-> ResolveSpec

This function is provided in case there is any need to inject JSON into the Vega-Lite document that hvega does not support (due to changes in the Vega-Lite specification or missing functionality in this module). If you find yourself needing to use this then please report an issue.

See also fromResolveSpec.

Since: 0.5.0.0

fromResolveSpec

Arguments

:: ResolveSpec

-> (Text, VLSpec)

The key for the settings (e.g. "legend") and the value of the key.

Extract the contents of an resolve specification. This may be needed when the Vega-Lite specification adds or modifies settings for a particular resolve, and hvega has not been updated to reflect this change. If you find yourself needing to use this then please report an issue.

See also toResolveSpec.

Since: 0.5.0.0

data SelectSpec

Represent a set of resolution properties (input to selection).

It is expected that select is used to create values with this type, but they can also be constructed and deconstructed manually with toSelectSpec and fromSelectSpec.

Since: 0.5.0.0

toSelectSpec

Arguments

:: SelectionLabel

The name given to the selection.

-> VLSpec

The value of the key. This is expected to be an object, but there is no check on the value.

See the Vega-Lite schema for information on the supported values.

-> SelectSpec

This function is provided in case there is any need to inject JSON into the Vega-Lite document that hvega does not support (due to changes in the Vega-Lite specification or missing functionality in this module). If you find yourself needing to use this then please report an issue.

See also fromSelectSpec.

Since: 0.5.0.0

fromSelectSpec

Arguments

:: SelectSpec

-> (SelectionLabel, VLSpec)

The name for the selection and its settings.

Extract the contents of a select specification. This may be needed when the Vega-Lite specification adds or modifies settings for a particular select, and hvega has not been updated to reflect this change. If you find yourself needing to use this then please report an issue.

See also toSelectSpec.

Since: 0.5.0.0

data ConfigureSpec

Represent a set of configuration properties (input to configuration).

It is expected that configuration is used to create values with this type, but they can also be constructed and deconstructed manually with toConfigureSpec and fromConfigureSpec.

Since: 0.5.0.0

toConfigureSpec

Arguments

:: Text

The key to use for these settings (e.g. "axis" or "background").

-> VLSpec

The value of the key.

See the Vega-Lite schema for information on the supported values.

-> ConfigureSpec

This function is provided in case there is any need to inject JSON into the Vega-Lite document that hvega does not support (due to changes in the Vega-Lite specification or missing functionality in this module). If you find yourself needing to use this then please report an issue.

See also fromConfigureSpec.

Since: 0.5.0.0

fromConfigureSpec

Arguments

:: ConfigureSpec

-> (Text, VLSpec)

The key for the settings (e.g. "numberFormat") and the value of the key.

Extract the contents of a configuration specification. This may be needed when the Vega-Lite specification adds or modifies settings for a particular configure, and hvega has not been updated to reflect this change. If you find yourself needing to use this then please report an issue.

See also toConfigureSpec.

Since: 0.5.0.0

type BuildEncodingSpecs = [EncodingSpec] -> [EncodingSpec]

Represent the functions that can be chained together and sent to encoding.

Since: 0.5.0.0

type BuildTransformSpecs = [TransformSpec] -> [TransformSpec]

Represent the functions that can be chained together and sent to transform.

Since: 0.5.0.0

type BuildResolveSpecs = [ResolveSpec] -> [ResolveSpec]

Represent the functions that can be chained together and sent to resolve.

Since: 0.5.0.0

type BuildSelectSpecs = [SelectSpec] -> [SelectSpec]

Represent the functions that can be chained together and sent to selection.

Since: 0.5.0.0

type BuildConfigureSpecs = [ConfigureSpec] -> [ConfigureSpec]

Represent the functions that can be chained together and sent to configure.

Since: 0.5.0.0

type Angle = Double

Convenience type-annotation label to indicate an angle, which is measured in degrees from the horizontal (so anti-clockwise).

The value should be in the range 0 to 360, inclusive, but no attempt is made to enforce this.

Since: 0.4.0.0

type Color = Text

Convenience type-annotation label to indicate a color value. There is no attempt to validate that the user-supplied input is a valid color.

Any supported HTML color specification can be used, such as:

"#eee"
"#734FD8"
"crimson"
"rgb(255,204,210)"
"hsl(180, 50%, 50%)"

A blank string is converted to the JSON null value (new in 0.5.0.0).

Since: 0.4.0.0

type DashStyle = [Double]

The dash style for a line. This is defined as a series of on and then off lengths, in pixels. So [10, 4, 5, 2] means a long line, followed by a space, then a line half as long as the first segment, and then a short space. This pattern is then repeated.

This is a convenience type annotation and there is no validation of the input.

Since: 0.5.0.0

type DashOffset = Double

The offset at which to start drawing the line dash (given by a DashStyle argument), in pixels.

This is a convenience type annotation and there is no validation of the input.

Since: 0.5.0.0

type FieldName = Text

The field name. This can include "dotted" notation, such as "o.latitude".

There is no attempt to validate this value (e.g. check it is not empty, contains only valid characters, or remove excess whitespace).

Since: 0.5.0.0

type GradientCoord = Double

Convenience type-annotation to label a normalized coordinate for color gradients. The value should be in the range 0 to 1, inclusive. There is no attempt to validate that the number lies within this range.

Since: 0.5.0.0

type GradientStops = [(GradientCoord, Color)]

Convenience type-annotation label to indicate the color interpolation points - i.e. the colors to use at points along the normalized range 0 to 1 (inclusive).

The list does not have to be sorted. There is no check that the color is valid (i.e. not empty or a valid color specification).

Since: 0.5.0.0

type Opacity = Double

Convenience type-annotation label to indicate an opacity value, which lies in the range 0 to 1 inclusive. There is no attempt to validate that the user-supplied value falls in this range.

A value of 0 indicates fully transparent (see through), and 1 is fully opaque (does not show anything it is on top of).

Since: 0.4.0.0

type SelectionLabel = Text

Convenience type-annotation label to indicate the name, or label, of a selection. It is expected to be a non-empty string, but there is no attempt to validate this.

Since: 0.5.0.0

type VegaExpr = Text

Convenience type-annotation label to indicate a Vega Expression. There is no attempt to validate the expression.

Examples include:

"datum.IMDB_Rating != null"
"datum.height / 1000"
"if(datum.index % 2 == 1, datum.label, '')"
"sampleLogNormal(2.3, 0.3)"

Since: 0.5.0.0

type ZIndex = Natural

At what "depth" (z index) is the item to be drawn (a relative depth for items in the visualization). The standard values are 0 for back and 1 for front, but other values can be used if you want to ensure a certain layering of items.

The following example is taken from a discussion with Jo Wood:

let dcols = dataFromColumns []
              . dataColumn "x" (Numbers [ 20, 10 ])
              . dataColumn "y" (Numbers [ 10, 20 ])
              . dataColumn "cat" (Strings [ "a", "b" ])

    axis lbl z = [ PName lbl, PmType Quantitative, PAxis [ AxZIndex z ] ]
    enc = encoding
            . position X (axis "x" 2)
            . position Y (axis "y" 1)
            . color [ MName "cat", MmType Nominal, MLegend [] ]

    cfg = configure
            . configuration (Axis [ GridWidth 8 ])
            . configuration (AxisX [ GridColor "red" ])
            . configuration (AxisY [ GridColor "blue" ])

in toVegaLite [ cfg []
              , dcols []
              , enc []
              , mark Circle [ MSize 5000, MOpacity 1 ]
              ]

View the visualization in the Vega Editor

Since: 0.4.0.0

toHtml :: VegaLite -> Text

Converts VegaLite to html Text. Uses Vega-Embed with the default options. See toHtmlWith for more control.

Since: 0.2.1.0

toHtmlFile :: FilePath -> VegaLite -> IO ()

Converts VegaLite to an html file. Uses Vega-Embed with the default options. See toHtmlFileWith for more control.

Since: 0.2.1.0

toHtmlWith

Arguments

:: Maybe Value

The options to pass to the Vega-Embed embed routine. See https://github.com/vega/vega-embed#options for the supported options.

-> VegaLite

The Vega-Lite specification to display.

-> Text

Converts VegaLite to html Text. Uses Vega-Embed and is for when some control is needed over the output: toHtml is a simpler form which just uses the default Vega-Embed options.

The render you use to view the output file must support Javascript, since it is needed to create the visualization from the Vega-Lite specification. The Vega and Vega-Lite Javascript versions are pegged to 5 and 4, but no limit is applied to the Vega-Embed library.

Since: 0.4.0.0

toHtmlFileWith

Arguments

:: Maybe Value

The options to pass to the Vega-Embed embed routine. See https://github.com/vega/vega-embed#options for the supported options.

-> FilePath

The output file name (it will be over-written if it already exists).

-> VegaLite

The Vega-Lite specification to display.

-> IO ()

Converts VegaLite to an html file. Uses Vega-Embed and is for when some control is needed over the output: toHtmlFile is a simpler form which just uses the default Vega-Embed options.

Since: 0.4.0.0

Creating the Data Specification

Functions and types for declaring the input data to the visualization. See the Vega-Lite documentation.

dataFromUrl :: Text -> [Format] -> Data

Declare data source from a url. The url can be a local path on a web server or an external http(s) url. Used to create a data ( property, specification ) pair. An optional list of field formatting instructions can be provided as the second parameter or an empty list to use the default formatting. See the Vega-Lite documentation for details.

dataFromUrl "data/weather.csv" [ Parse [ ( "date", FoDate "%Y-%m-%d %H:%M" ) ] ]

dataFromColumns

Arguments

:: [Format]

An optional list of formatting instructions for the columns.

Simple numbers and strings do not normally need formatting, but it is good practice to explicitly declare date-time formats as handling of these values can vary between different viewers (e.g. browsers).

See the Vega-Lite documentation for more details.

-> [DataColumn]

The columns to add. This is expected to be created with one or more calls to dataColumn.

-> Data

Declare a data source from a list of column values. Each column has a specific type (e.g. Number or String), but different columns can have different types.

Note that the columns are truncated to match the length of the shortest column.

dataFromColumns [ Parse [ ( "Year", FoDate "%Y" ) ] ]
  . dataColumn "Animal" (Strings [ "Fish", "Dog", "Cat" ])
  . dataColumn "Age" (Numbers [ 28, 12, 6 ])
  . dataColumn "Year" (Strings [ "2010", "2014", "2015" ])

dataFromRows

Arguments

:: [Format]

An optional list of formatting instructions for the rows.

Simple numbers and strings do not normally need formatting, but it is good practice to explicitly declare date-time formats as handling of these values can vary between different viewers (e.g. browsers).

See the Vega-Lite documentation for more details.

-> [DataRow]

The rows to add. This is expected to be created with one or more calls to dataRow.

-> Data

Declare a data source from a provided list of row values. Each row contains a list of tuples where the first value is a string representing the column name, and the second the column value for that row. Each column can have a value of a different type but you must ensure that when subsequent rows are added, they match the types of previous values with shared column names.

Note though that generally if you are creating data inline (as opposed to reading from a file), adding data by column is more efficient and less error-prone.

dataFromRows [ Parse [ ( "Year", FoDate "%Y" ) ] ]
  . dataRow [ ( "Animal", Str "Fish" ), ( "Age", Number 28 ), ( "Year", Str "2010" ) ]
  . dataRow [ ( "Animal", Str "Dog" ), ( "Age", Number 12 ), ( "Year", Str "2014" ) ]
  . dataRow [ ( "Animal", Str "Cat" ), ( "Age", Number 6 ), ( "Year", Str "2015" ) ]

dataFromJson :: VLSpec -> [Format] -> Data

Declare a data source from a provided json specification. The most likely use-case for specifying json inline is when creating geojson objects, when geometry, geometryCollection, and geoFeatureCollection functions may be used. For more general cases of json creation, consider encode.

let geojson =
        geometry (GeoPolygon [ [ ( -3, 59 ), ( 4, 59 ), ( 4, 52 ), ( -3, 59 ) ] ]) []
in toVegaLite
    [ width 200
    , height 200
    , dataFromJson geojson []
    , projection [ PrType Orthographic ]
    , mark Geoshape []
    ]

dataFromSource :: Text -> [Format] -> Data

Declare data from a named source. The source may be from named datasets within a specification or a named data source created via the Vega View API. An optional list of field formatting instructions can be provided as the second parameter or an empty list to use the default formatting. See the Vega-Lite documentation for details.

toVegaLite
    [ datasets [ ( "myData", dvals [] ),  ( "myJson", dataFromJson json [] ) ]
    , dataFromSource "myData" []
    , mark Bar []
    , ...
    ]

dataName

Arguments

:: Text

The name to give the data source

-> Data

The data source to be named.

-> Data

If the input Data argument is not a data source then this is just the input value.

Name to give a data source. Useful when a specification needs to reference a data source, such as one generated via an API call.

dvals = dataName "myName" (dataFromUrl "myData.json" [])

Since: 0.4.0.0

datasets :: [(Text, Data)] -> Data

Create a dataset comprising a collection of named Data items. Each data item can be created with normal data generating functions such as dataFromRows or dataFromJson. These can be later referred to using dataFromSource.

let toJS = Data.Aeson.toJSON
    obj = Data.Aeson.object

    dvals = dataFromRows []
            . dataRow [ ( "cat", Str "a" ), ( "val", Number 10 ) ]
            . dataRow [ ( "cat", Str "b" ), ( "val", Number 18 ) ]
    json = toJS
            [ obj [ ( "cat", toJS "a" ), ( "val", toJS 120 ) ]
            , obj [ ( "cat", toJS "b" ), ( "val", toJS 180 ) ]
            ]

    enc = ...

in toVegaLite
    [ datasets [ ( "myData", dvals [] ),  ( "myJson", dataFromJson json [] ) ]
    , dataFromSource "myData" []
    , mark Bar []
    , enc []
    ]

dataColumn :: FieldName -> DataValues -> [DataColumn] -> [DataColumn]

Create a column of data. A column has a name and a list of values. The final parameter is the list of any other columns to which this is added.

This is expected to be used with dataFromColumns.

dataColumn "Animal" (Strings [ "Cat", "Dog", "Mouse"]) []

dataRow :: [(FieldName, DataValue)] -> [DataRow] -> [DataRow]

Create a row of data. A row comprises a list of (columnName, value) pairs. The final parameter is the list of any other rows to which this is added.

This is expected to be used with dataFromRows.

dataRow [("Animal", Str "Fish"), ("Age", Number 28), ("Year", Str "2010")] []

noData :: Data

This is for composed specifications, and it tells the visualization to ignore the data from the parent.

Since: 0.4.0.0

type Data = (VLProperty, VLSpec)

Convenience type-annotation label for use with data generation functions.

myRegion : [DataColumn] -> Data
myRegion =
    dataFromColumns []
        . dataColumn "easting" (Numbers [ -3, 4, 4, -3, -3 ])
        . dataColumn "northing" (Numbers [ 52, 52, 45, 45, 52 ])

It is the same as PropertySpec (which was added in 0.4.0.0), but kept separate to help better-document code.

type DataColumn = [LabelledSpec]

Represents a single column of data. Used when generating inline data with dataColumn and dataFromColumns.

type DataRow = VLSpec

Represents a single row of data. Used when generating inline data with dataRow and dataFromRows.

Geographic Data

geometry :: Geometry -> [(Text, DataValue)] -> VLSpec

Specifies a geometric object to be used in a geoShape specification. The first parameter is the geometric type, the second an optional list of properties to be associated with the object.

geometry (GeoPolygon [ [ ( -3, 59 ), ( 4, 59 ), ( 4, 52 ), ( -3, 59 ) ] ]) []

geoFeatureCollection :: [VLSpec] -> VLSpec

Specifies a list of geo features to be used in a geoShape specification. Each feature object in this collection can be created with the geometry function.

geoFeatureCollection
    [ geometry (GeoPolygon [ [ ( -3, 59 ), ( -3, 52 ), ( 4, 52 ), ( -3, 59 ) ] ])
        [ ( "myRegionName", Str "Northern region" ) ]
    , geometry (GeoPolygon [ [ ( -3, 52 ), ( 4, 52 ), ( 4, 45 ), ( -3, 52 ) ] ])
        [ ( "myRegionName", Str "Southern region" ) ]
    ]

geometryCollection :: [VLSpec] -> VLSpec

Specifies a list of geometry objects to be used in a geoShape specification. Each geometry object in this collection can be created with the geometry function.

geometryCollection
    [ geometry (GeoPolygon [ [ ( -3, 59 ), ( 4, 59 ), ( 4, 52 ), ( -3, 59 ) ] ]) []
    , geometry (GeoPoint -3.5 55.5) []
    ]

data Geometry

Specifies the type and content of geometry specifications for programatically creating GeoShapes. These can be mapped to the GeoJson geometry object types where the pluralised type names refer to their Multi prefixed equivalent in the GeoJSON specification.

Constructors

GeoPoint Double Double

The GeoJson geometry point type.

GeoPoints [(Double, Double)]

The GeoJson geometry multi-point type.

GeoLine [(Double, Double)]

The GeoJson geometry line type.

GeoLines [[(Double, Double)]]

The GeoJson geometry multi-line type.

GeoPolygon [[(Double, Double)]]

The GeoJson geometry polygon type.

GeoPolygons [[[(Double, Double)]]]

The GeoJson geometry multi-polygon type.

Data Generators

Functions that create new data sources.

dataSequence

Arguments

:: Double

start of the sequence (inclusive)

-> Double

end of the sequence (exclusive)

-> Double

step size

-> Data

Generate a sequence of numbers as a data source. The resulting sequence will have the name "data". To give it an alternative name use dataSequenceAs.

myData = dataSequence 0 6.28 0.1

Since: 0.4.0.0

dataSequenceAs

Arguments

:: Double

start of the sequence (inclusive)

-> Double

end of the sequence (exclusive)

-> Double

step size

-> FieldName

The name of the data source

-> Data

Generate a sequence of numbers as a named data source. This extends dataSequence by allowing you to name the data source.

myTheta = dataSequenceAs 0 6.28 0.1 "theta"

Since: 0.4.0.0

sphere :: Data

Generate a data source that is a sphere for bounding global geographic data. The sphere will be subject to whatever projection is specified for the view.

toVegaLite
    [ sphere
    , projection [ PrType Orthographic ]
    , mark Geoshape [ MFill "aliceblue" ]
    ]

Since: 0.4.0.0

graticule

Arguments

:: [GraticuleProperty]

An empty list uses the default parameters

-> Data

Generate a grid of lines of longitude (meridians) and latitude (parallels).

let proj = projection [ PrType Orthographic ]
    sphereSpec = asSpec [ sphere
                        , mark Geoshape [ MFill "aliceblue" ] ]
    gratSpec =
        asSpec
            [ graticule [ GrStep (5, 5) ]
            , mark Geoshape [ MFilled False, MStrokeWidth 0.3 ]
            ]
in toVegaLite [ proj, layer [ sphereSpec, gratSpec ] ]

Since: 0.4.0.0

data GraticuleProperty

Determine the properties of graticules. See the Vega-Lite documentation for details.

Since: 0.4.0.0

Constructors

GrExtent (Double, Double) (Double, Double)

Define the extent of both the major and minor graticules. The range is given as longitude, latitude pairs of the minimum and then maximum extent. The units are degrees.

GrExtentMajor (Double, Double) (Double, Double)

As GrExtent but for the major graticule lines only.

GrExtentMinor (Double, Double) (Double, Double)

As GrExtent but for the minor graticule lines only.

GrStep (Double, Double)

The step angles for the graticule lines, given as a longitude, latitude pair defining the EW and NS intervals respectively. The units are degrees.

By default major graticule lines extend to both poles but the minor lines stop at ±80 degrees latitude.

GrStepMajor (Double, Double)

As GrStep but for the major graticule lines only.

The default is (90, 360).

GrStepMinor (Double, Double)

As GrStep but for the minor graticule lines only.

The default is (10, 10).

GrPrecision Double

The precision of the graticule. The units are degrees. A smaller value reduces visual artifacts (steps) but takes longer to render.

The default is 2.5.

Formatting Input Data

See the Vega-Lite format and JSON documentation.

data Format

Specifies the type of format a data source uses. If the format is indicated by the file name extension (".tsv", ".csv", ".json") there is no need to indicate the format explicitly. However this can be useful if the filename extension does not indicate type (e.g. ".txt") or you wish to customise the parsing of a file. For example, when specifying the JSON format, its parameter indicates the name of property field containing the attribute data to extract. For details see the Vega-Lite documentation.

Constructors

JSON Text

Property to be extracted from some JSON when it has some surrounding structure. e.g., specifying the property values.features is equivalent to retrieving json.values.features from a JSON object with a custom delimiter.

CSV

Comma-separated (CSV) data file format.

TSV

Tab-separated (TSV) data file format

DSV Char

The fields are separated by the given character (which must be a single 16-bit code unit).

Since: 0.4.0.0

TopojsonFeature Text

A topoJSON feature format containing an object with the given name. For example:

dataFromUrl "londonBoroughs.json" [TopojsonFeature "boroughs"]

TopojsonMesh Text

A topoJSON mesh format containing an object with the given name. Unlike TopojsonFeature, the corresponding geo data are returned as a single unified mesh, not as individual GeoJSON features.

Parse [(FieldName, DataType)]

Parsing rules when processing some data text, specified as a list of tuples in the form (fieldname, datatype). Useful when automatic type inference needs to be overridden, for example when converting integers representing years into dates and strings into numbers:

dataFromUrl "myDataFile.csv"
   [ Parse [ ( "year", FoDate "%Y" ), ( "y", FoNumber ) ] ]

data DataType

Indicates the type of data to be parsed when reading input data. For FoDate and FoUtc, the formatting specification can be specified using D3's formatting specifiers or left as an empty string if default date formatting is to be applied. Care should be taken when assuming default parsing of dates because different browsers can parse dates differently. Being explicit about the date format is usually safer.

Constructors

FoNumber

Indicate numeric data type to be parsed when reading input data.

FoBoolean

Indicate Boolean data type to be parsed when reading input data.

FoDate Text

Date format for parsing input data using D3's formatting specifiers or left as an empty string for default formatting.

FoUtc Text

Similar to FoDate but for UTC format dates.

Creating the Transform Specification

Functions and types for declaring the transformation rules that are applied to data fields or geospatial coordinates before they are encoded visually.

In version 0.5.0.0 the TransformSpec type was introduced to make it clear what functions can be used with transform.

transform

Arguments

:: [TransformSpec]

The transformations to apply. The order does matter.

Prior to 0.5.0.0 this argument was [LabelledSpec].

-> PropertySpec

Create a single transform from a list of transformation specifications. Note that the order of transformations can be important, especially if labels created with calculateAs, timeUnitAs, and binAs are used in other transformations. Using the functional composition pipeline idiom (as example below) allows you to provide the transformations in the order intended in a clear manner.

transform
    . filter (FExpr "datum.year == 2010")
    . calculateAs "datum.sex == 2 ? 'Female' : 'Male'" "gender"

The supported transformations are: aggregate, binAs, calculateAs, density, filter, flatten, flattenAs, fold, foldAs, impute, joinAggregate, loess, lookup, lookupAs, lookupSelection, pivot, quantile, regression, sample, stack, timeUnitAs, and window.

Map Projections

See the Vega-Lite map projection documentation.

projection :: [ProjectionProperty] -> PropertySpec

Sets the cartographic projection used for geospatial coordinates. A projection defines the mapping from (longitude,latitude) to an (x,y) plane used for rendering. This is useful when using the Geoshape mark. For further details see the Vega-Lite documentation.

projection [ PrType Orthographic, PrRotate (-40) 0 0 ]

data ProjectionProperty

Properties for customising a geospatial projection that converts longitude,latitude pairs into planar (x,y) coordinate pairs for rendering and query. For details see the Vega-Lite documentation.

This type has been changed in the 0.4.0.0 release so that all constructors start with Pr rather than P (and so provide some differentiation to the PositionChannel constructors).

Constructors

PrType Projection

The type of the map projection.

PrClipAngle (Maybe Double)

The clipping circle angle in degrees. A value of Nothing will switch to antimeridian cutting rather than small-circle clipping.

PrClipExtent ClipRect

Projection’s viewport clip extent to the specified bounds in pixels.

PrCenter Double Double

Projection’s center as longitude and latitude in degrees.

PrScale Double

The projection's zoom scale, which if set, overrides automatic scaling of a geo feature to fit within the viewing area.

Since: 0.4.0.0

PrTranslate Double Double

A projection’s panning translation, which if set, overrides automatic positioning of a geo feature to fit within the viewing area

Note that the prefix is Pr and not P, to match the Elm API.

Since: 0.4.0.0

PrRotate Double Double Double

A projection’s three-axis rotation angle. The order is lambda phi gamma, and specifies the rotation angles in degrees about each spherical axis.

PrPrecision Double

Threshold for the projection’s adaptive resampling in pixels, and corresponds to the Douglas–Peucker distance. If precision is not specified, the projection’s current resampling precision of 0.707 is used.

Version 3.3.0 of the Vega-Lite spec claims this should be output as a string, but it is written out as a number since the spec is in error.

PrReflectX Bool

Reflect the x-coordinates after performing an identity projection. This creates a left-right mirror image of the geoshape marks when subject to an identity projection with Identity.

Since: 0.4.0.0

PrReflectY Bool

Reflect the y-coordinates after performing an identity projection. This creates a left-right mirror image of the geoshape marks when subject to an identity projection with Identity.

Since: 0.4.0.0

PrCoefficient Double

The Hammer map projection coefficient.

PrDistance Double

The Satellite map projection distance.

PrFraction Double

The Bottomley map projection fraction.

PrLobes Int

Number of lobes in lobed map projections such as the Berghaus star.

PrParallel Double

Parallel for map projections such as the Armadillo.

PrRadius Double

Radius value for map projections such as the Gingery.

PrRatio Double

Ratio value for map projections such as the Hill.

PrSpacing Double

Spacing value for map projections such as the Lagrange.

PrTilt Double

Satellite map projection tilt.

data Projection

Types of geographic map projection. These are based on a subset of those provided by the d3-geo library. For details of available projections see the Vega-Lite documentation.

Constructors

Albers

An Albers equal-area conic map projection.

AlbersUsa

An Albers USA map projection that combines continental USA with Alaska and Hawaii. Unlike other projection types, this remains unaffected by PrRotate.

AzimuthalEqualArea

An azimuthal equal area map projection.

AzimuthalEquidistant

An azimuthal equidistant map projection.

ConicConformal

A conformal conic map projection.

ConicEqualArea

An equal area conic map projection.

ConicEquidistant

An equidistant conic map projection.

Custom Text

Specify the name of the custom D3 prohection to use. See the Vega API for more information.

An example: Custom "winkle3"

EqualEarth

An Equal Earth map projection that provides a reasonable shape approximation while retaining relative areas.

Since: 0.5.0.0

Equirectangular

An equirectangular map projection that maps longitude to x and latitude to y. While showing less area distortion towards the poles than the default Mercator projection, it is neither equal-area nor conformal.

Gnomonic

A gnomonic map projection.

Identity

The identiy projection. This can be combined with PrReflectX and PrReflectY in the list of projection properties.

Since: 0.4.0.0

Mercator

A Mercator map projection. This is the default projection of longitude, latitude values if no projection is set explicitly. It preserves shape (local angle) and lines of equal angular bearing remain parallel straight lines. The area is significantly enlarged towards the poles.

NaturalEarth1

The Natural Earth projection is neither conformal nor equal-area, but is designed to be "appealing to the eye" for small-scale maps of the whole world.

Since: 0.5.0.0

Orthographic

An orthographic map projection.

Stereographic

A stereographic map projection.

TransverseMercator

A transverse Mercator map projection.

data ClipRect

Specifies a clipping rectangle for defining the clip extent of a map projection.

Constructors

NoClip

No clipping it to be applied.

LTRB Double Double Double Double

The left, top, right, and bottom extents, in pixels, of a rectangular clip.

Aggregation

See the Vega-Lite aggregate documentation.

aggregate

Arguments

:: [VLSpec]

The named aggregation operations to apply.

-> [FieldName]

The "group by" fields.

-> BuildTransformSpecs

Defines a set of named aggregation transformations to be used when encoding channels. This is useful when, for example, you wish to apply the same transformation to a number of channels but do not want to define it each time. For further details see the Vega-Lite documentation.

transform
    . aggregate
        [ opAs Min "people" "lowerBound"
        , opAs Max "people" "upperBound" ]
        [ "age" ]

See also joinAggregate.

joinAggregate :: [VLSpec] -> [WindowProperty] -> BuildTransformSpecs

Aggregation transformations to be used when encoding channels. Unlike aggregate, this transformation joins the results to the input data. Can be helpful for creating derived values that combine raw data with some aggregate measure, such as percentages of group totals. The first parameter is a list of the named aggregation operations to apply. The second is a list of possible window aggregate field properties, such as a field to group by when aggregating. The third parameter is a list of transformations to which this is added.

transform
    . joinAggregate
        [ opAs Mean "rating" "avYearRating" ]
        [ WGroupBy [ "year" ] ]
    . filter (FExpr "(datum.rating - datum.avYearRating) > 3"))

For details, see the Vega-Lite join aggregate documentation.

See also aggregate.

Since: 0.4.0.0

opAs

Arguments

:: Operation

The aggregation operation to use.

-> FieldName

The name of the field which is to be aggregated (when the operation is Count leave as the empty string).

-> FieldName

The name given to the transformed data.

-> VLSpec

Create a named aggregation operation on a field that can be added to a transformation. For further details see the Vega-Lite documentation.

transform
    . aggregate
        [ opAs Min "people" "lowerBound"
        , opAs Max "people" "upperBound"
        ]
        [ "age" ]

timeUnitAs

Arguments

:: TimeUnit

The width of each bin.

-> FieldName

The field to bin.

-> FieldName

The name of the binned data created by this routine.

-> BuildTransformSpecs

Creates a new data field based on the given temporal binning. Unlike the direct encoding binning, this transformation is named and so can be referred to in multiple encodings. Note though that usually it is easer to apply the temporal binning directly as part of the encoding as this will automatically format the temporal axis. See the Vega-Lite documentation for further details.

The following example takes a temporal dataset and encodes daily totals from it grouping by month:

trans = transform . timeUnitAs Month "date" "monthly"

enc = encoding
        . position X [ PName "date", PmType Temporal, PTimeUnit Day ]
        . position Y [ PAggregate Sum, PmType Quantitative ]
        . detail [ DName "monthly", DmType Temporal ]

data Operation

Type of aggregation operation. See the Vega-Lite documentation for more details.

The Average constructor was removed in version 0.4.0.0; use Mean instead.

Constructors

ArgMax (Maybe FieldName)

An input data object containing the maximum field value to be used in an aggregation operation.

If supplied as part of an encoding aggregation, the parameter should be Just the name of the field to maximise. When used as part of a transform the parameter should be Nothing as the field is specified in the aggregate call.

Encoding example, to find the production budget for the maximum US grossing film in each genre:

  encoding
    . position X
               [ PName "Production_Budget"
               , PmType Quantitative
               , PAggregate (ArgMax (Just "US_Gross"))
               ]
    . position Y [PName "Major_Genre", PmType Nominal]
  

An example of its use as part of an aggregate call:

  transform
    . aggregate
        [ opAs (ArgMax Nothing) "US_Gross" "amUSGross"]
        ["Major_Genre"]
  

The optional field name was added in the 0.4.0.0 release.

ArgMin (Maybe FieldName)

An input data object containing the minimum field value to be used in an aggregation operation. See ArgMax for a discussion of the optional argument.

The optional field name was added in the 0.4.0.0 release.

CI0

Lower 95% confidence interval to be used in an aggregation operation.

CI1

Upper 95% confidence interval to be used in an aggregation operation.

Count

Total count of data objects to be used in an aggregation operation.

Distinct

Count of distinct data objects to be used in an aggregation operation.

Max

Maximum field value to be used in an aggregation operation.

Mean

Mean field value to be used in an aggregation operation.

Median

Median field value to be used in an aggregation operation.

Min

Minimum field value to be used in an aggregation operation.

Missing

Count of null or undefined field value to be used in an aggregation operation.

Q1

Lower quartile boundary of field values to be used in an aggregation operation.

Q3

Upper quartile boundary of field values to be used in an aggregation operation.

Stderr

Standard error of field values to be used in an aggregate operation.

Stdev

Sample standard deviation of field values to be used in an aggregate operation.

StdevP

Population standard deviation of field values to be used in an aggregate operation.

Sum

Sum of field values to be used in an aggregate operation.

Valid

Count of values that are not null, undefined, or NaN to be used in an aggregation operation.

Variance

Sample variance of field values to be used in an aggregate operation.

VarianceP

Population variance of field values to be used in an aggregate operation.

Binning

See the Vega-Lite binning documentation.

binAs

Arguments

:: [BinProperty]

An empty list means that the default binning is used (that is, the bin field will be set to true in the Vega-Lite specification).

-> FieldName

The field to bin.

-> FieldName

The label for the binned data.

-> BuildTransformSpecs

Create a named binning transformation that may be referenced in other Transformations or encodings. See the Vega-Lite documentation for more details. Note that usually, direct binning within an encoding is preferred over this form of bin transformation.

transform
    . binAs [ MaxBins 3 ] "IMDB_Rating" "ratingGroup"

data BinProperty

Type of binning property to customise. See the Vega-Lite documentation for more details.

This is used with: binAs, DBin, FBin, HBin, MBin, OBin, PBin, and TBin.

Constructors

AlreadyBinned Bool

Should the input data be treated as already binned?

Since: 0.4.0.0

BinAnchor Double

A value in the binned domain at which to anchor the bins, shifting the bin boundaries if necessary to ensure that a boundary aligns with the anchor value.

Since: 0.4.0.0

Base Double

The number base to use for automatic bin determination.

Default is 10.

Divide [Double]

Scale factors indicating allowable subdivisions.

Default is [5, 2].

Prior to 0.4.0.0 the Divide constructor took two numbers.

Extent Double Double

The range (minimum, maximum) of the desired bin values.

MaxBins Int

The maxium number of bins.

Default is 6 for row, column, and shape channels, 10 otherwise.

MinStep Double

A minimum allowable step size.

Nice Bool

If True, the bin boundaries are adjusted to use human-friendly values, such as multiples of ten.

Default is True.

SelectionExtent SelectionLabel

Set the range based on an interactive selection. The label must reference an interval selection, but this constraint is not enforced at compile or run time.

  sel = selection
        . select "brush" Interval [ Encodings [ ChX ] ]
  enc = encoding
        . position X [ PName "temperature"
                     , PmType Quantitative
                     , PBin [ SelectionExtent "brush" ]
                     ]
  

Since: 0.5.0.0

Step Double

The step size to use between bins.

If specified, MaxBins and other related options are ignored.

Steps [Double]

Pick the step size from this list.

Stacking

See the Vega-Lite stack documentation.

stack

Arguments

:: FieldName

The field to be stacked.

-> [FieldName]

The fields to group by.

-> FieldName

The output field name (start).

-> FieldName

The output field name (end).

-> [StackProperty]

Offset and sort properties.

-> BuildTransformSpecs

Apply a stack transform for positioning multiple values. This is an alternative to specifying stacking directly when encoding position.

transform
    . aggregate [ opAs Count "" "count_*" ] [ "Origin", "Cylinders" ]
    . stack "count_*"
        []
        "stack_count_Origin1"
        "stack_count_Origin2"
        [ StOffset StNormalize, StSort [ WAscending "Origin" ] ]
    . window
        [ ( [ WAggregateOp Min, WField "stack_count_Origin1" ], "x" )
        , ( [ WAggregateOp Max, WField "stack_count_Origin2" ], "x2" )
        ]
        [ WFrame Nothing Nothing, WGroupBy [ "Origin" ] ]
    . stack "count_*"
        [ "Origin" ]
        "y"
        "y2"
        [ StOffset StNormalize, StSort [ WAscending "Cylinders" ] ]

Since: 0.4.0.0

data StackProperty

How are stacks applied within a transform?

Prior to version 0.4.0.0 the StackProperty type was what is now StackOffset.

Constructors

StOffset StackOffset

Stack offset.

Since: 0.4.0.0

StSort [SortField]

Ordering within a stack.

Since: 0.4.0.0

data StackOffset

Describes the type of stacking to apply to a bar chart.

In 0.4.0.0 this was renamed from StackProperty to StackOffset, but the constructor names have not changed.

Constructors

StZero

Offset a stacked layout using a baseline at the foot of the stack.

StNormalize

Rescale a stacked layout to use a common height while preserving the relative size of stacked quantities.

StCenter

Offset a stacked layout using a central stack baseline.

NoStack

Do not stack marks, but create a layered plot.

Data Calculation

See the Vega-Lite calculate documentation.

calculateAs

Arguments

:: VegaExpr

The calculation to perform.

-> FieldName

The field to assign the new values.

-> BuildTransformSpecs

Creates a new data field based on calculations from existing fields and values.

See the Vega-Lite documentation for further details.

transform . calculateAs "datum.sex == 2 ? 'F' : 'M'" "gender"

Filtering

See the Vega-Lite filter documentation.

filter :: Filter -> BuildTransformSpecs

Adds the given filter operation a list of transformations that may be applied to a channel or field.

transform
    . filter (FEqual "Animal" (Str "Cat"))

Filter operations can combine selections and data predicates with BooleanOp expressions (and as of 0.4.0.0, FilterOp and FilterOpTrans can be used to lift the Filter type into boolean expressions):

transform
    . filter (FCompose (And (Expr "datum.Weight_in_lbs > 3000") (Selection "brush")))

The Vega expression documentation describes the supported format (e.g. the requirement to precede column names with "datum.").

data Filter

Type of filtering operation. See the Vega-Lite documentation for details.

These can also be included into a BooleanOp expression using FilterOp and FilterOpTrans (as of version 0.4.0.0).

Constructors

FEqual FieldName DataValue

Filter a data stream so that only data in a given field equal to the given value are used.

FLessThan FieldName DataValue

Filter a data stream so that only data in a given field less than the given value are used.

Since: 0.4.0.0

FLessThanEq FieldName DataValue

Filter a data stream so that only data in a given field less than, or equal to, the given value are used.

Since: 0.4.0.0

FGreaterThan FieldName DataValue

Filter a data stream so that only data in a given field greater than the given value are used.

Since: 0.4.0.0

FGreaterThanEq FieldName DataValue

Filter a data stream so that only data in a given field greater than, or equal to, the given value are used.

Since: 0.4.0.0

FExpr VegaExpr

Filter a data stream so that only data that satisfy the given predicate expression are used.

FCompose BooleanOp

Build up a filtering predicate through logical composition such as And and Or.

The following fgragment will apply a filter to identify only those items selected interactively and that represent ages over 65:

  trans = transform
            . filter
                (FCompose
                  (And (Selection "brush") (Expr "datum.age > 65"))
                )
  

FSelection SelectionLabel

Filter a data stream so that only data in a given field that are within the given interactive selection are used.

  sel = selection . select "myBrush" Interval [Encodings [ChX]]
  trans = transform . filter (FSelection "myBrush")
  

FOneOf FieldName DataValues

Filter a data stream so that only data in a given field contained in the given list of values are used.

FRange FieldName FilterRange

Filter a data stream so that only data in a given field that are within the given range are used.

For example:

  filter (FRange "date" (DateRange [DTYear 2006] [DTYear 2016])
  

See FilterOpTrans for more use cases.

FValid FieldName

Filter a data stream so that only valid data (i.e. not null or NaN) in a given field are used.

Since: 0.4.0.0

data FilterRange

A pair of filter range data values. The first argument is the inclusive minimum vale to accept and the second the inclusive maximum.

Constructors

NumberRange Double Double

DateRange [DateTime] [DateTime]

Flattening

See the Vega-Lite flatten documentation.

flatten :: [FieldName] -> BuildTransformSpecs

Map array-valued fields to a set of individual data objects, one per array entry.

See also flattenAs.

Since: 0.4.0.0

flattenAs

Arguments

:: [FieldName]

-> [FieldName]

The names of the output fields.

-> BuildTransformSpecs

Similar to flatten but allows the new output fields to be named.

Since: 0.4.0.0

Folding and Pivoting

Data tidying operations that reshape the rows and columns of a dataset. See the Vega-Lite fold and pivot documentation.

fold

Arguments

:: [FieldName]

The data fields to fold.

-> BuildTransformSpecs

Perform a gather operation to tidy a table. Collapse multiple data fields into two new data fields: key containing the original data field names and value containing the corresponding data values.

It is the inverse of pivot. See also foldAs.

dvals =
    dataFromColumns []
        . dataColumn "city" (Strings [ "Bristol", "Sheffield", "Glasgow" ])
        . dataColumn "temp2017" (Numbers [ 12, 11, 7 ])
        . dataColumn "temp2018" (Numbers [ 14, 13, 10 ])

trans =
    transform
        . fold [ "temp2017", "temp2018" ]

enc =
    encoding
        . position X [ PName "key", PmType Nominal ]
        . position Y [ PName "city", PmType Nominal ]
        . size [ MName "value", MmType Quantitative ]

Since: 0.4.0.0

foldAs

Arguments

:: [FieldName]

The data fields to fold.

-> FieldName

The name for the key field.

-> FieldName

The name for the value field.

-> BuildTransformSpecs

A fold where the key and value fields can be renamed.

Since: 0.4.0.0

pivot

Arguments

:: FieldName

The key field.

-> FieldName

The value field.

-> [PivotProperty]

-> BuildTransformSpecs

Perform a pivot operation on a table. Spreads a key-value pair of fields across multiple fields according to the data in the key field.

It is the inverse of fold.

dvals =
    dataFromColumns []
        . dataColumn "city" (Strings [ "Bristol", "Bristol", "Sheffield", "Sheffield", "Glasgow", "Glasgow" ])
        . dataColumn "temperature" (Numbers [ 12, 14, 11, 13, 7, 10 ])
        . dataColumn "year" (Numbers [ 2017, 2018, 2017, 2018, 2017, 2018 ])

trans =
    transform
        . pivot "year" "temperature" [ PiGroupBy [ "city" ] ]

enc =
    encoding
        . position X [ PName "2017", PmType Quantitative ]
        . position Y [ PName "city", PmType Nominal ]

Since: 0.5.0.0

data PivotProperty

Configure the pivot operation.

Since: 0.5.0.0

Constructors

PiGroupBy [FieldName]

The data fields to group by when pivoting. If unspecified then a single group containing all the data objects will be used.

PiLimit Natural

The maximum number of fields to generate when pivoting. If 0 or unspecified all fields are pivoted. The pivot names are sorted into ascending order before the limit is applied.

PiOp Operation

The aggregation operation to apply to grouped fields.

Relational Joining (lookup)

Create lookups between data tables in order to join values from multiple sources. See the Vega-Lite lookup documentation.

lookup

Arguments

:: FieldName

The field in the primary data structure acting as the key.

-> Data

The secondary data source (e.g. the return from the data-generating functions such as dataFromUrl).

-> FieldName

The name of the field in the secondary data source to match against the primary key.

-> LookupFields

The list of fields to store when the keys match.

This was changed from [T.Text] in vesion 0.5.0.0.

-> BuildTransformSpecs

Perform a lookup of named fields between two data sources. This allows you to find values in one data source based on the values in another (like a relational join).

Use lookupSelection for linking data with interactive selections.

See the Vega-Lite documentation for further details.

The following would return the values in the age and height fields from lookup_people.csv for all rows where the value in the name column in that file matches the value of person in the primary data source.

peopleData = dataFromUrl "data/lookup_people.csv" []
lfields = LuFields ["age", "height"]
trans = transform
          . lookup "person" peopleData "name" lfields

Note that the interface has changed in version 0.5.0.0: the output field names argument now uses the new LookupFields type. This provides greater flexibility in naming and default behaviour. The conversion from version 0.4 is simple: change

lookup key1 dataSource key2 fields

to

lookup key1 dataSource key2 (LuFields fields)

lookupSelection

Arguments

:: FieldName

The field to lookup in the primary data source.

-> SelectionLabel

The name of the selection (as set with select).

-> FieldName

The name of the field in the selection to link with the primary data field.

-> BuildTransformSpecs

Attach the results of an interactive selection to a primary data source. This is similar to lookup except that the data in a selection are used in place of the secondary data source.

See the Vega Lite lookup selection documentation.

sel = selection
      . select "mySel" Single [ On "mouseover", Encodings [ ChX ] ]

trans = transform
        . lookupSelection "country" "mySel" "country"

Since: 0.5.0.0

data LookupFields

Configure the field selection in lookup.

Since: 0.5.0.0

Constructors

LuFields [FieldName]

The name of the fields to return from the secondary data source.

LuFieldAs [(FieldName, FieldName)]

Select fields from the secondary data source (first argument) and allow them to be referred to with a new name (second argument).

LuAs FieldName

Create a single name for all the fields in the secondary data source. The individual fields use dot notation to combine the given name with the field name.

  dvals = dataFromUrl "data/flights.airport.csv" []
  trans = transform
          . lookup "origin" dvals "iata" (LuAs "o")
  enc = encoding
        . position Longitude [ PName "o.longitude", PmType Quantitative ]
        . position Lattude [ PName "o.latitude", PmType Quantitative ]
  

LuFieldsWithDefault [FieldName] Text

The name of the fields to return from the secondary data source, along with the default value to use if the lookup fails.

LuFieldsAsWithDefault [(FieldName, FieldName)] Text

Allow fields to be renamed and provide a default for when the lookup fails.

LuAsWithDefault FieldName Text

Create a single name for all the fields in the secondary data source, but the second parameter gives the default value for when the lookup fails.

lookupAs

Arguments

:: FieldName

The field in the primary data structure acting as the key.

-> Data

The secondary data source (e.g. the return from the data-generating functions such as dataFromUrl).

-> FieldName

The name of the field in the secondary data source to match against the primary key.

-> FieldName

The field name for the new data.

-> BuildTransformSpecs

Deprecated: Please change 'lookupAs ... alias' to 'lookup ... (LuAs alias)'

This routine is deprecated (as of version 0.5.0.0) in favor of lookup, as

lookupAs "key1" dataSource "key2" "matchName"

can be written as

lookup "key1" dataSource "key2" (LuAs "matchName")

Data Imputation

Impute missing data. See the Vega-Lite impute documentation.

impute

Arguments

:: FieldName

The data field to process.

-> FieldName

The key field to uniquely identify data objects within a group.

-> [ImputeProperty]

Define how the imputation works.

-> BuildTransformSpecs

Impute missing data values.

The following example creates a value for b, set to the mean of existing b values with c=1, for the "missing" coordinate of (a=30, c=1):

let dvals = dataFromColumns []
              . dataColumn "a" (Numbers [0, 0, 10, 10, 20, 20, 30])
              . dataColumn "b" (Numbers [28, 91, 43, 55, 81, 53, 19])
              . dataColumn "c" (Numbers [0, 1, 0, 1, 0, 1, 0])

    trans = transform
              . impute "b" "a" [ImMethod ImMean, ImGroupBy ["c"]]

    enc = encoding
            . position X [PName "a", PmType Quantitative]
            . position Y [PName "b", PmType Quantitative]
            . color [MName "c", MmType Nominal]

    in toVegaLite [dvals [], trans [], enc [], mark Line []]

Since: 0.4.0.0

data ImputeProperty

This is used with impute and PImpute.

Since: 0.4.0.0

Constructors

ImFrame (Maybe Int) (Maybe Int)

1d window over which data imputation values are generated. The two parameters should either be Just a number indicating the offset from the current data object, or Nothing to indicate unbounded rows preceding or following the current data object.

ImKeyVals DataValues

Key values to be considered for imputation.

ImKeyValSequence Double Double Double

Key values to be considered for imputation as a sequence of numbers between a start (first parameter), to less than an end (second parameter) in steps of the third parameter.

ImMethod ImMethod

How is the imputed value constructed.

When using ImMethod ImValue, the replacement value is set with ImNewValue.

ImGroupBy [FieldName]

Allow imputing of missing values on a per-group basis. For use with the impute transform only and not a channel encoding.

ImNewValue DataValue

The replacement value (when using ImMethod ImValue).

data ImMethod

Imputation method to use when replacing values.

Since: 0.4.0.0

Constructors

ImMin

Use the minimum value.

ImMax

Use the maximum value.

ImMean

Use the mean value.

ImMedian

Use the median value.

ImValue

Use a replacement value (set with ImNewValue).

Data sampling

See the Vega-Lite sample documentation.

sample :: Int -> BuildTransformSpecs

Randomly sample rows from a data source up to a given maximum.

For example, the following randomly samples 50 values from a sine curve:

 dvals = dataSequenceAs 0 13 0.001 "x"
 trans = transform
           . calculateAs "sin(datum.x)" "y"
           . sample 50

Since: 0.4.0.0

Density Estimation

See the Vega-Lite density documentation.

density

Arguments

:: FieldName

The field used for the KDE.

-> [DensityProperty]

Configure the calculation.

-> BuildTransformSpecs

Apply Kernel Density Estimation to a data stream to generate a new stream of samples of the estimated density. This is useful for representing probability distributions and generating continuous distributions from discrete samples.

The following example creates a faceted display of the smoothed length and width distributions from the iris dataset.

dvals = dataFromUrl "https://vega.github.io/vega-lite/data/iris.json" []

colNames = [ "petalWidth", "petalLength", "sepalWidth", "sepalLength" ]
trans = transform
        . foldAs colNames "measurement" "value"
        . density "value" [ DnGroupBy [ "measurement" ] ]

enc = encoding
      . position X [ PName "value", PmType Quantitative ]
      . position Y [ PName "density", PmType Quantitative ]
      . row [ FName "measurement", FmType Nominal ]

layer = asSpec [ trans [], enc [], mark Area [ MOpacity 0.7 ] ]

Since: 0.5.0.0

data DensityProperty

Configure the kernel density estimation process. Used by density.

Since: 0.5.0.0

Constructors

DnAs FieldName FieldName

Name the outputs of a density transform. The first argument is the name of the field containing the samples and the second the name for the field containing the density estimates.

The defaults are "value" and "density" respectively.

DnBandwidth Double

The bandwidth (standard deviation) of the Gaussian kernel to be used in the KDE. If not given, or set to 0, then Scott's method is used.

DnCounts Bool

If True then the KDE generates counts, if False it generates probabilities.

The default is probabilities.

DnCumulative Bool

Should the density estimates be cumulative?

The default is False.

DnExtent Double Double

The domain (minimum to maximum) from which to sample a distribution for the density estimation.

The default is to use the full extent of the input values.

DnGroupBy [FieldName]

The data fields to group by.

The default is to use a single group containing all the data objects.

DnMaxSteps Natural

The maximum number of samples to take from the extent domain.

The default is 200.

DnMinSteps Natural

The minimum number of samples to take from the extent domain.

The default is 25.

DnSteps Natural

This overrides the DnMinSteps and DnMaxSteps options and specified an exact number of steps to take from the extent domain.

It can be used with DnExtent to ensure a consistent set of sample points for stacked densities.

Loess Trend Calculation

See the Vega-Lite loess documentation.

loess

Arguments

:: FieldName

The field representing the dependent variable (often displayed on the y axis).

-> FieldName

The field representing the independent variable (often the x axis).

-> [LoessProperty]

Customize the trend fitting.

-> BuildTransformSpecs

Generate a loess (locally-estimated scatterplot smoothing) trendline through a pair of data fields.

See also regression.

The following example overlays the trendline generated by loess (the "xsm", "ysm" points) on the raw points (assuming the data source has fields called "xraw" and "yraw" for the independent and dependent fields, respectively).

transLS = transform
          . loess "yraw" "xraw" [ LsAs "xsm" "ysm" ]

encRaw = encoding
         . position X [ PName "xraw", PmType Quantitative ]
         . position Y [ PName "yraw", PmType Quantitative ]

encLS = encoding
        . position X [ PName "xsm", PmType Quantitative ]
        . position Y [ PName "ysm", PmType Quantitative ]

layers = layer [ asSpec [ encRaw [], mark Point [ MOpacity 0.5 ] ]
               , asSpec [ transLS [], encLS [], mark Line [ MColor "firebrick" ] ]
               ]

Since: 0.5.0.0

data LoessProperty

Configure the trend fitting used by the loess encoding.

Since: 0.5.0.0

Constructors

LsAs FieldName FieldName

Name the outputs of a loess transform. The first argument is the name of the field containing the smoothed independent variable and the second the name for the field containing the smoothed dependent variable.

If not specified the original field names will be used.

LsBandwidth Double

The amount of smoothing. The value should be in the range 0 to 1, inclusive.

The default is 0.3.

LsGroupBy [FieldName]

The data fields to group by.

The default is to use a single group containing all the data objects.

Regression Calculation

See the Vega-Lite regression documentation.

regression

Arguments

:: FieldName

The field representing the dependent variable (often displayed on the y axis).

-> FieldName

The field representing the independent variable (often the x axis).

-> [RegressionProperty]

Customize the regression.

-> BuildTransformSpecs

Generate a 2d regression model for smoothing and predicting data.

See also loess.

The following example overlays the points generated by regression (the "xrg", "yrg" points) on the raw points (assuming the data source has fields called "xraw" and "yraw" for the independent and dependent fields, respectively).

transLS = transform
          . regression "yraw" "xraw" [ LsAs "xrg" "yrg" ]

encRaw = encoding
         . position X [ PName "xraw", PmType Quantitative ]
         . position Y [ PName "yraw", PmType Quantitative ]

encLS = encoding
        . position X [ PName "xrg", PmType Quantitative ]
        . position Y [ PName "yrg", PmType Quantitative ]

layers = layer [ asSpec [ encRaw [], mark Point [ MOpacity 0.5 ] ]
               , asSpec [ transLS [], encLS [], mark Line [ MColor "firebrick" ] ]
               ]

Since: 0.5.0.0

data RegressionProperty

Configure the regression process (used by regression).

Since: 0.5.0.0

Constructors

RgAs FieldName FieldName

Name the outputs of the regression analysis. The first argument is the name of the field containing the independent variable, the second the dependent variable.

If not specified the original field names will be used.

RgExtent Double Double

The domain (minimum to maximum) over which to estimate the dependent variable in the regression.

The default is to use the full extent of the input values.

RgGroupBy [FieldName]

The data fields to group by.

The default is to use a single group containing all the data objects.

RgMethod RegressionMethod

The type of regression model to use.

RgOrder Natural

The order of the polynomial model.

This is only used if RgMethod RgPoly is set.

RgParams Bool

Should the transform return the regression model parameters, one object per group, rather than the trend line points.

If set, the returned objects include a "coef" array of fitted coefficient values, starting with the intercept term and then including terms of increasing order, and a "rSquared" value, indicating the total variance explained by the model.

The default is False.

data RegressionMethod

The functional form of the regression analysis. Used by RgMethod.

Since: 0.5.0.0

Constructors

RgLinear

Linear regression.

RgLog

Logarithmic regression.

RgExp

Exponential regression.

RgPow

Power regression.

RgQuad

Quadratic regression.

RgPoly

A polynomial. The order to use is given by the RgOrder constructor, and defaults to 3.

Qualtile Calculation

See the Vega-Lite quantile documentation.

quantile

Arguments

:: FieldName

The field to analyse.

-> [QuantileProperty]

Configure the quantile analysis

-> BuildTransformSpecs

Calculate quantile values from an input data stream. This can be useful for examining distributional properties of a data stream, and for creating Q-Q plots.

As an example:

let dvals = dataFromUrl "data/normal-2d.json" []

    trans = transform
            . quantile "u" [ QtStep 0.01, QtAs "p" "v" ]
            . calculateAs "quantileUniform(datum.p)" "unif"
            . calculateAs "quantileNormal(datum.p)" "norm"

    enc x y = encoding
              . position X [ PName x, PmType Quantitative ]
              . position Y [ PName y, PmType Quantitative ]

    leftSpec = asSpec [ mark Point [], enc "unif" "v" [] ]
    rightSpec = asSpec [ mark Point [], enc "norm" "v" [] ]

in toVegaLite [ dvals, trans [], hConcat [ leftSpec, rightSpec ] ]

Since: 0.5.0.0

data QuantileProperty

Configure the quantile analysis performed by quantile.

Since: 0.5.0.0

Constructors

QtAs FieldName FieldName

Name the fields used to store the calculated probability and associated quantile values.

The defaults are "prob" and "value".

QtGroupBy [FieldName]

The data fields to group by.

The default is to use a single group containing all the data objects.

QtProbs [Double]

The probabilites (measured in the range 0-1) for which to compute quantile values.

The default is to use a step size of 0.01, or the QtStep value if given.

QtStep Double

The interval between probabilities when performing a quantile transformation.

All value from half the given step size to 1 will be sampled, and is only used if QtProbs is not set.

Window Transformations

See the Vega-Lite window transform field and window transform documentation.

window

Arguments

:: [([Window], FieldName)]

The window-transform definition and associated output name.

-> [WindowProperty]

The window transform.

-> BuildTransformSpecs

Window transform for performing calculations over sorted groups of data objects such as ranking, lead/lag analysis, running sums and averages.

transform
    . window [ ( [ WAggregateOp Sum, WField "Time" ], "TotalTime" ) ]
             [ WFrame Nothing Nothing ]

Since: 0.4.0.0

data Window

Window transformations.

Since: 0.4.0.0

Constructors

WAggregateOp Operation

An aggregrate operation to be used in a window transformation.

WOp WOperation

Window-specific operation to be used in a window transformation.

WParam Int

Numeric parameter for window-only operations that can be parameterised (Ntile, Lag, Lead and NthValue).

WField FieldName

Field for which to compute a window operation. Not needed for operations that do not apply to fields such as Count, Rank, and DenseRank.

data WOperation

Window-specific operation for transformations (for use with WOp).

Since: 0.4.0.0

Constructors

RowNumber

Assign consecutive row number to values in a data object to be applied in a window transform.

Rank

Rank function to be applied in a window transform.

DenseRank

Dense rank function to be applied in a window transform.

PercentRank

Percentile of values in a sliding window to be applied in a window transform.

CumeDist

Cumulative distribution function to be applied in a window transform.

Ntile

Value preceding the current object in a sliding window to be applied in a window transform.

Lag

Value preceding the current object in a sliding window to be applied in a window transform.

Lead

Value following the current object in a sliding window to be applied in a window transform.

FirstValue

First value in a sliding window to be applied in a window transform.

LastValue

Last value in a sliding window to be applied in a window transform.

NthValue

Nth value in a sliding window to be applied in a window transform.

data WindowProperty

Properties for a window transform.

Since: 0.4.0.0

Constructors

WFrame (Maybe Int) (Maybe Int)

Moving window for use by a window transform. When a number is given, via Just, then it indicates the offset from the current data object. A Nothing indicates an un-bounded number of rows preceding or following the current data object.

WIgnorePeers Bool

Should the sliding window in a window transform ignore peer values (those considered identical by the sort criteria).

WGroupBy [FieldName]

The fields for partitioning data objects in a window transform into separate windows. If not specified, all points will be in a single group.

WSort [SortField]

Comparator for sorting data objects within a window transform.

Creating the Mark Specification

Types and functions for declaring the type of visual marks used in the visualization.

mark :: Mark -> [MarkProperty] -> PropertySpec

Create a mark specification. All marks must have a type (first parameter) and can optionally be customised with a list of mark properties such as interpolation style for lines. To keep the default style for the mark, just provide an empty list for the second parameter.

mark Circle []
mark Line [MInterpolate StepAfter]

let dvals = dataFromUrl "city.json" [TopojsonFeature "boroughs"] []
    markOpts = mark Geoshape [MFill "lightgrey", MStroke "white"]
in toVegaLite [dvals, markOpts]

data Mark

Type of visual mark used to represent data in the visualization.

The properties of the mark can be changed with the MarkProperty constructors - such as MHeight and MWidth - although not all properties apply to all marks.

Constructors

Area

An area mark for representing a series of data elements, such as in a stacked area chart or streamgraph.

Bar

Bar mark for histograms, bar charts etc.

Boxplot

Boxplot composite mark for showing summaries of statistical distributions.

Tick marks can be added using MTicks and outliers turned off with MNoOutliers or configured with MOutliers. For example:

  mark Boxplot
      [ MTicks [ MColor "black", MSize 8 ]
      , MBox [ MFill "grey" ]
      , MOutliers [ MColor "firebrick" ]
  ]
  

The range of the box plot is controlled with MExtent with the IqrScale or ExRange options (the default is IqrScale 1.5).

Since: 0.4.0.0

Circle

Circle mark for representing points.

ErrorBar

Errorbar composite mark for showing summaries of variation along a signal. By default no ticks are drawn. To add ticks with default properties use MTicks [], otherwise supply a list of configuration options:

  mark ErrorBar [ MTicks [ MColor "black", MSize 8 ] ]
  

Since: 0.4.0.0

ErrorBand

Errorband composite mark for showing summaries of variation along a signal. By default no border is drawn. To add a border with default properties use MBorders [], otherwise supply a list of configuration options:

  mark ErrorBand [ MBorders [ MColor "black", MStrokeWidth 0.5 ] ]
  

Since: 0.4.0.0

Geoshape

Geoshape determined by geographically referenced coordinates.

Image

Vega Lite image mark, where the image to display is given via the url channel, and the width and height defined by the MWidth and MHeight properties.

Since: 0.5.0.0

Line

Line mark for symbolising a sequence of values.

Point

Point mark for symbolising a data point with a symbol.

Rect

Rectangle mark.

Rule

Rule line connecting two vertices.

Square

Square mark for symbolising points.

Text

Text mark to be displayed at some point location.

Tick

Short line - tick - mark for symbolising point locations.

Trail

Trail mark (line with variable width along its length).

Since: 0.4.0.0

Mark properties

See the Vega-Lite general mark, area mark, bar mark, boxplot, circle mark, error band, error bar, hyperlink mark, line mark, point mark, square mark, text mark and tick mark property documentation.

data MarkProperty

Properties for customising the appearance of a mark. For details see the Vega-Lite documentation.

Not all properties are valid for each mark type.

The Vega-Lite specification supports setting those properties that take [MarkProperty] also to a boolean value. This is currently not supported in hvega.

In version 0.5.0.0 the MRemoveInvalid constructor was added, which replaces the RemoveInvalid constructor of ConfigurationProperty, and the MShortTimeLabels constuctor was removed.

Constructors

MAlign HAlign

Horizontal alignment of a text mark.

MAngle Angle

Rotation angle of a text mark.

MAspect Bool

Should the aspect ratio of an Image mark be preserved?

Since: 0.5.0.0

MBandSize Double

Band size of a bar mark.

MBaseline VAlign

Vertical alignment of a text mark.

MBinSpacing Double

Offset between bars for a binned field using a bar mark.

The ideal value for this is either 0 (preferred by statisticians) or 1 (the Vega-Lite default value, D3 example style).

MBorders [MarkProperty]

Border properties for an ErrorBand mark.

Since: 0.4.0.0

MBox [MarkProperty]

Box-symbol properties for a Boxplot mark.

Since: 0.4.0.0

MClip Bool

Should a mark be clipped to the enclosing group's dimensions.

MColor Color

Default color of a mark. Note that MFill and MStroke have higher precedence and will override this if specified.

MColorGradient ColorGradient GradientStops [GradientProperty]

The color gradient to apply to a mark. The first argument determines its type, the second is the list of color interpolation points, and the third allows for customization.

  MColorGradient
      GrRadial
      [ ( 0, "red" ), ( 1, "blue" ) ]
      [ ]
  

Since: 0.5.0.0

MCornerRadius Double

Corner radius of all corners of a rectangular mark, in pixels.

The default is 0. This value is over-ridden by any of MCornerRadiusTL, MCornerRadiusTR, MCornerRadiusBL, or MCornerRadiusBR.

Since: 0.5.0.0

MCornerRadiusTL Double

Top-left corner radius of a rectangular mark, in pixels.

The default is 0.

Since: 0.5.0.0

MCornerRadiusTR Double

Top-right corner radius of a rectangular mark, in pixels.

The default is 0.

Since: 0.5.0.0

MCornerRadiusBL Double

Bottom-left corner radius of a rectangular mark, in pixels.

The default is 0.

Since: 0.5.0.0

MCornerRadiusBR Double

Bottom-right corner radius of a rectangular mark, in pixels.

The default is 0.

Since: 0.5.0.0

MCursor Cursor

Cursor to be associated with a hyperlink mark.

MDir TextDirection

Direction of the text. This property determines which side of the label is truncated by the MLimit parameter. See also MEllipsis.

The default is LTR.

Since: 0.5.0.0

MContinuousBandSize Double

Continuous band size of a bar mark.

MDiscreteBandSize Double

Discrete band size of a bar mark.

MdX Double

Horizontal offset between a text mark and its anchor.

MdY Double

Vertical offset between a text mark and its anchor.

MEllipsis Text

The ellipsis string for text truncated in response to MLimit. See also MDir.

The default is "…".

Since: 0.5.0.0

MExtent MarkErrorExtent

Extent of whiskers used with Boxplot, ErrorBar, and ErrorBand marks.

Since: 0.4.0.0

MFill Color

Default fill color of a mark.

This was changed to use the Color type alias in version 0.5.0.0.

MFilled Bool

Should a mark's color should be used as the fill color instead of stroke color.

MFillGradient ColorGradient GradientStops [GradientProperty]

The color gradient to apply to the interior of a mark. The first argument determines its type, the second is the list of color interpolation points, and the third allows for customization.

  MFillGradient
      GrLinear
      [ ( 0, "orange" ), ( 1, "green" ) ]
      [ ]
  

Since: 0.5.0.0

MFillOpacity Opacity

Fill opacity of a mark.

MFont Text

Font of a text mark. Can be any font name made accessible via a css file (or a generic font like "serif", "monospace" etc.).

MFontSize Double

Font size, in pixels, used by a text mark.

MFontStyle Text

Font style (e.g. "italic") used by a text mark.

MFontWeight FontWeight

Font weight used by a text mark.

MHeight Double

Explicitly set the height of a mark. See also MWidth.

Since: 0.4.0.0

MHRef Text

Hyperlink to be associated with a mark making it a clickable hyperlink.

Since: 0.4.0.0

MInterpolate MarkInterpolation

Interpolation method used by line and area marks.

MLimit Double

The maximum length of the text mark in pixels. If the text is larger then it will be truncated, with the truncation controlled by MEllipsis and MDir.

The default value is 0, which indicates no truncation.

Since: 0.5.0.0

MLine LineMarker

How should the vertices of an area mark be joined?

Since: 0.4.0.0

MLineBreak Text

A delimeter, such as a newline character, upon which to break text strings into multiple lines.

Note that hvega automatically breaks text on the \n character, which will over-ride this setting. Therefore setting this only makes sense if the text does not contain n characters.

Since: 0.5.0.0

MLineHeight Double

The height, in pixels, of each line of text in a multi-line text mark.

Since: 0.5.0.0

MMedian [MarkProperty]

Median-line properties for the Boxplot mark.

Since: 0.4.0.0

MOpacity Opacity

Overall opacity of a mark in the range 0 to 1.

MOrder Bool

Ordering of vertices in a line or area mark. If True (the default), the order is determined by measurement type or order channel. If False, the original data order is used.

Since: 0.4.0.0

MOrient Orientation

Orientation of a non-stacked bar, tick, area or line mark.

MOutliers [MarkProperty]

Outlier symbol properties for the Boxplot mark.

Since: 0.4.0.0

MNoOutliers

Do not draw outliers with the Boxplot mark.

Since: 0.4.0.0

MPoint PointMarker

Appearance of a point marker joining the vertices of a line or area mark.

Since: 0.4.0.0

MRadius Double

Polar coordinate radial offset of a text mark from its origin.

MRemoveInvalid Bool

The default handling of invalid (null and NaN) values. If True, invalid values are skipped or filtered out when represented as marks, otherwise they are taken to be 0.

This replaces RemoveInvalid from ConfigurationProperty in version 0.4 of hvega.

Since: 0.5.0.0

MRule [MarkProperty]

Rule (main line) properties for the ErrorBar and Boxplot marks.

Since: 0.4.0.0

MShape Symbol

Shape of a point mark.

MSize Double

Size of a mark.

MStroke Color

Default stroke color of a mark.

This was changed to use the Color type alias in version 0.5.0.0.

MStrokeCap StrokeCap

Cap style of a mark's stroke.

Since: 0.4.0.0

MStrokeDash DashStyle

The stroke dash pattern used by a mark.

MStrokeDashOffset DashOffset

The offset for the dash pattern.

MStrokeGradient ColorGradient GradientStops [GradientProperty]

The color gradient to apply to the boundary of a mark. The first argument determines its type, the second is the list of color interpolation points, and the third allows for customization.

  MStrokeGradient
      GrLinear
      [ ( 0, "pink" ), ( 1, "violet" ) ]
      [ ]
  

Since: 0.5.0.0

MStrokeJoin StrokeJoin

Line segment join style of a mark's stroke.

Since: 0.4.0.0

MStrokeMiterLimit Double

Mitre limit at which to bevel a join between line segments of a mark's stroke.

Since: 0.4.0.0

MStrokeOpacity Opacity

Stroke opacity of a mark in the range 0 to 1.

MStrokeWidth Double

Stroke width of a mark in pixels.

MStyle [Text]

Names of custom styles to apply to a mark. Each should refer to a named style defined in a separate style configuration.

MTension Double

Interpolation tension used when interpolating line and area marks.

MText Text

Placeholder text for a text mark for when a text channel is not specified.

MTheta Double

Polar coordinate angle (clockwise from north in radians) of a text mark from the origin (determined by its x and y properties).

MThickness Double

Thickness of a tick mark.

MTicks [MarkProperty]

Tick properties for the ErrorBar or Boxplot mark.

Since: 0.4.0.0

MTimeUnitBand Double

The default relative band size for a time unit.

If set to 1 the bandwidth of the marks will be equal to the time unit band step, and if set to 0.5 they will be half that.

Since: 0.5.0.0

MTimeUnitBandPosition Double

The default relative band position for a time unit.

If set to 0 the marks will be positioned at the start of the band, and if set to 0.5 they will be in the middle.

Since: 0.5.0.0

MTooltip TooltipContent

The tooltip content for a mark.

Since: 0.4.0.0

MWidth Double

Explicitly set the width of a mark (e.g. the bar width). See also MHeight.

Since: 0.4.0.0

MX Double

X position of a mark.

Since: 0.4.0.0

MX2 Double

X2 position of a mark. This is the secondary position for lines and area marks).

Since: 0.4.0.0

MXOffset Double

X position offset of a mark.

Since: 0.4.0.0

MX2Offset Double

X2 position offset of a mark.

Since: 0.4.0.0

MY Double

Y position of a mark.

Since: 0.4.0.0

MY2 Double

Y2 position of a mark. This is the secondary position for lines and area marks).

Since: 0.4.0.0

MYOffset Double

Y position offset of a mark.

Since: 0.4.0.0

MY2Offset Double

Y2 position offset of a mark.

Since: 0.4.0.0

data StrokeCap

How are strokes capped? This is used with MStrokeCap, VBStrokeCap, and ViewStrokeCap.

Since: 0.4.0.0

Constructors

CButt

Butt stroke cap.

CRound

Rounded stroke cap.

CSquare

Square stroke cap.

data StrokeJoin

How are strokes joined? This is used with MStrokeJoin, VBStrokeJoin, and ViewStrokeJoin.

Since: 0.4.0.0

Constructors

JMiter

Mitred stroke join.

JRound

Rounded stroke join.

JBevel

Bevelled stroke join.

Used by Mark Properties

data Orientation

The orientation of an item. This is used with: BLeLDirection, LDirection, LeGradientDirection, LeLDirection, LeSymbolDirection, and MOrient.

In 0.4.0.0 this was renamed from MarkOrientation to Orientation.

Constructors

Horizontal

Display horizontally.

Vertical

Display vertically.

data MarkInterpolation

Indicates the mark interpolation style. See the Vega-Lite documentation for details.

Constructors

Basis

A B-spline interpolation between points anchored at the first and last points.

BasisClosed

Closed B-spline interpolation between points forming a polygon.

BasisOpen

Open B-spline interpolation between points, which may not intersect the first and last points.

Bundle

Bundle curve interpolation between points. This is equivalent to Basis except that the tension parameter is used to straighten the spline.

Cardinal

Cardinal spline interpolation between points anchored at the first and last points.

CardinalClosed

Closed Cardinal spline interpolation between points forming a polygon.

CardinalOpen

Open Cardinal spline interpolation between points, which may not intersect the first and last points.

Linear

Linear interpolation between points.

LinearClosed

Closed linear interpolaiton between points forming a polygon.

Monotone

Cubic spline interpolation that preserves monotonicity between points.

StepAfter

Piecewise (stepped) constant interpolation function after each point in a sequence.

StepBefore

Piecewise (stepped) constant interpolation function before each point in a sequence.

Stepwise

Piecewise (stepped) constant interpolation function centred on each point in a sequence.

data Symbol

Identifies the type of symbol used with the Point mark type. It is used with MShape, LeSymbolType, and LSymbolType.

In version 0.4.0.0 all constructors were changed to start with Sym.

Constructors

SymCircle

Specify a circular symbol for a shape mark.

SymSquare

Specify a square symbol for a shape mark.

SymCross

Specify a cross symbol for a shape mark.

SymDiamond

Specify a diamond symbol for a shape mark.

SymTriangleUp

Specify an upward-triangular symbol for a shape mark.

SymTriangleDown

Specify a downward-triangular symbol for a shape mark.

SymTriangleRight

Specify an right-facing triangular symbol for a shape mark.

Since: 0.4.0.0

SymTriangleLeft

Specify an left-facing triangular symbol for a shape mark.

Since: 0.4.0.0

SymStroke

The line symbol.

Since: 0.4.0.0

SymArrow

Centered directional shape.

Since: 0.4.0.0

SymTriangle

Centered directional shape. It is not clear what difference this is to SymTriangleUp.

Since: 0.4.0.0

SymWedge

Centered directional shape.

Since: 0.4.0.0

SymPath Text

A custom symbol shape as an SVG path description.

For correct sizing, the path should be defined within a square bounding box, defined on an axis of -1 to 1 for both dimensions.

data PointMarker

The properties of a point marker on a line or area mark. For use with MPoint.

Since: 0.4.0.0

Constructors

PMTransparent

A transparent marker is used, which can be useful for interactive selections.

PMNone

No marker to be shown.

PMMarker [MarkProperty]

The properties of the marks to be shown at the points.

Use an empty list to use a filled point with default properties.

data LineMarker

Appearance of a line marker that is overlaid on an area mark. For use with MLine.

Since: 0.4.0.0

Constructors

LMNone

No line marker.

LMMarker [MarkProperty]

The properties of a line marker overlain on an area mark.

Use an empty list to use a filled point with default properties.

data MarkErrorExtent

Indicates the extent of the rule used for the error bar. See Vega-Lite documentation for details.

Note that not all options are valid for all mark types.

This is called SummaryExtent in Elm and the constructors also have different names.

Since: 0.4.0.0

Constructors

ConfidenceInterval

Band extent between the 95% confidence intervals of a distribution.

StdErr

Band extent as the standard error about the mean of a distribution.

StdDev

Band extent as the standard deviation of a distribution.

Iqr

Band extent between the lower and upper quartiles of a distribution (the inter-quartile range, q1 to q3).

ExRange

Band extent between the minimum and maximum values in a distribution.

IqrScale Double

A scaling of the interquartile range to be used as whiskers in a Boxplot. For example IqrScale 1.5 would extend whiskers to ±1.5x the IQR from the mean.

data TooltipContent

This is used with MTooltip and can be used with mark or MarkStyle.

Since: 0.4.0.0

Constructors

TTEncoding

When enabled, tooltips are generated by the encoding (this is the default).

For example:

mark Circle [MTooltip TTEncoding]

TTData

Tooltips are generated by all fields in the underlying data.

For example:

mark Circle [MTooltip TTData]

TTNone

Disable tooltips. This is the default behavior in Vega-Lite 4, and can also be achieved by adding an encoding of tooltip [].

For example:

mark Circle [MTooltip TTNone]

data ColorGradient

Define the form of the color gradient (for use with MColorGradient and MFillGradient).

Since: 0.5.0.0

Constructors

GrLinear

A linear gradient.

GrRadial

A radial gradient.

data GradientProperty

Control the appearance of the gradient. Used by MColorGradient, MFillGradient, and MStrokeGradient.

Since: 0.5.0.0

Constructors

GrX1 GradientCoord

The start of the color gradient (X axis); for radial gradients it represents the center of the inner circle.

The default for linear gradients is 0, and for radial gradients it is 0.5.

GrY1 GradientCoord

The start of the color gradient (Y axis); for radial gradients it represents the center of the inner circle.

The default for linear gradients is 0, and for radial gradients it is 0.5.

GrX2 GradientCoord

The end of the color gradient (X axis); for radial gradients it represents the center of the outer circle.

The default for linear gradients is 1, and for radial gradients it is 0.5.

GrY2 GradientCoord

The end of the color gradient (Y axis); for radial gradients it represents the center of the outer circle.

The default for linear gradients is 1, and for radial gradients it is 0.5.

GrR1 GradientCoord

The radius of the inner circle (radial color gradients only). The default is 0.

GrR2 GradientCoord

The radius of the outer circle (radial color gradients only). The default is 0.5.

data TextDirection

Determine the direction to draw the text.

Used by MDir.

Since: 0.5.0.0

Constructors

LTR

Left to right.

RTL

Right to left.

Cursors

See the CSS cursor documentation

data Cursor

Represents the type of cursor to display. For an explanation of each type, see the CSS documentation.

Constructors

CAuto

CDefault

CNone

CContextMenu

CHelp

CPointer

CProgress

CWait

CCell

CCrosshair

CText

CVerticalText

CAlias

CCopy

CMove

CNoDrop

CNotAllowed

CAllScroll

CColResize

CRowResize

CNResize

CEResize

CSResize

CWResize

CNEResize

CNWResize

CSEResize

CSWResize

CEWResize

CNSResize

CNESWResize

CNWSEResize

CZoomIn

CZoomOut

CGrab

CGrabbing

Creating the Encoding Specification

Types and functions for declaring which data fields are mapped to which channels. Channels can include: position on screen (e.g. X, Y); visual mark properties (color, size, stroke, shape); text; hyperlink; ordering (order); level of detail; and facets for composed visualizations (facet). All can be further customised via a series of properties that determine how the encoding is implemented (such as scaling, sorting, and spacing).

In version 0.5.0.0 the EncodingSpec type was introduced to make it clear what functions can be used with encoding.

encoding

Arguments

:: [EncodingSpec]

The channel encodings (the order does not matter).

Prior to 0.5.0.0 this argument was [LabelledSpec].

-> PropertySpec

Create an encoding specification from a list of channel encodings.

enc = encoding
        . position X [ PName "Animal", PmType Ordinal ]
        . position Y [ PName "Age", PmType Quantitative ]
        . shape [ MName "Species", MmType Nominal ]
        . size [ MName "Population", MmType Quantitative ]

The type of enc in this example is [EncodingSpec] -> PropertySpec, so it can either be used to add further encoding specifications or as enc [] to create a specification.

The supported encodings are: color, column, detail, fill, fillOpacity, hyperlink, opacity, order, position, row, shape, size, stroke, strokeOpacity, strokeWidth, text, tooltip, tooltips, and url.

There is currently no support for encoding by key.

data Measurement

Type of measurement to be associated with some channel.

Constructors

Nominal

Data are categories identified by name alone and which have no intrinsic order.

Ordinal

Data are also categories, but ones which have some natural order.

Quantitative

Data are numeric measurements typically on a continuous scale.

Temporal

Data represents time in some manner.

GeoFeature

Geospatial position encoding (Longitude and Latitude) should specify the PmType as Quantitative. Geographically referenced features encoded as shape marks should specify MmType as GeoFeature (Vega-Lite currently refers to this type as geojson.

Position Channels

Control where items appear in the visualization. See the Vega-Lite position documentation.

position

Arguments

:: Position

The channel to encode.

-> [PositionChannel]

The options for the channel; this will usually include the name (PName) and measurement type (PmType), but can be a reference to a row or column repeat field.

-> BuildEncodingSpecs

Encode a position channel.

enc =
    encoding
      . position X [ PName "Animal", PmType Ordinal ]

Encoding by position will generate an axis by default. To prevent the axis from appearing, simply provide an empty list of axis properties to PAxis:

enc =
    encoding
      . position X [ PName "Animal", PmType Ordinal, PAxis [] ]

data Position

Type of position channel, X and Y represent horizontal and vertical axis dimensions on a plane and X2 and Y2 represent secondary axis dimensions where two scales are overlaid in the same space. Geographic positions represented by longitude and latiutude values are identified with Longitude, Latitude and their respective secondary equivalents. Such geographic position channels are subject to a map projection (set using projection) before being placed graphically.

Constructors

X

Y

X2

The secondary coordinate for ranged Area, Bar, Rect, and Rule marks.

Y2

The secondary coordinate for ranged Area, Bar, Rect, and Rule marks.

XError

Indicates that the X channel represents the mid-point and the XError channel gives the offset. If XError2 is not defined then this channel value is applied symmetrically.

Since: 0.4.0.0

XError2

Used to support asymmetric error ranges defined as XError and XError2. One of XError or XError2 channels must contain positive values and the other negative values.

Since: 0.4.0.0

YError

Indicates that the Y channel represents the mid-point and the YError channel gives the offset. If YError2 is not defined then this channel value is applied symmetrically.

Since: 0.4.0.0

YError2

Used to support asymmetric error ranges defined as YError and YError2. One of YError or YError2 channels must contain positive values and the other negative values.

Since: 0.4.0.0

Longitude

The longitude value for projections.

Latitude

The latitude value for projections.

Longitude2

A second longitude coordinate.

Latitude2

A second longitude coordinate.

Position channel properties

data PositionChannel

Position channel properties used for creating a position channel encoding.

Constructors

PName FieldName

Name of the field used for encoding with a position channel.

PHeight

Set the position to the height of the enclosing data space. Useful for placing a mark relative to the bottom edge of a view.

Since: 0.4.0.0

PWidth

Set the position to the width of the enclosing data space. Useful for justifying a mark to the right hand edge of a view. e.g. to position a mark at the right of the data rectangle:

enc =
  encoding
     . position X [ PWidth ]

Since: 0.4.0.0

PNumber Double

Set a position to an arbitrary value. Useful for placing items at the top of a plot area (PNumber 0) or a fixed number of pixels from the top. See also PHeight and PWidth.

Since: 0.4.0.0

PRepeat Arrangement

Reference in a position channel to a field name generated by repeatFlow or repeat. The parameter identifies whether reference is being made to fields that are to be arranged in columns, in rows, or a with a flow layout.

For example:

enc =
  encoding
     . position X [ PRepeat Flow, PmType Quantitative ]

spec =
   asSpec [ dataVals [], mark Tick [], enc [] ]

toVegaLite
   [ repeatFlow [ "Horsepower", "Miles_per_Gallon", "Acceleration"]
   , specification spec
   ]

PmType Measurement

Level of measurement when encoding with a position channel.

PBin [BinProperty]

Discretize numeric values into bins when encoding with a position channel.

For example, to encode a frequency histogram with bins every 5 units:

  enc = encoding
          . position X [ PName "x"
                       , PmType Ordinal
                       , PBin [Step 5]
                       ]
          . position Y [ PmType Quantitative
                       , PAggregate Count
                       ]
  

PBinned

Indicate that the data encoded with position is already binned.

Since: 0.4.0.0

PTimeUnit TimeUnit

Form of time unit aggregation of field values when encoding with a position channel.

PTitle Text

Title of a field when encoding with a position channel.

Since: 0.4.0.0

PNoTitle

Draw no title.

Since: 0.4.0.0

PAggregate Operation

Compute some aggregate summary statistics for a field to be encoded with a position channel.

  enc = encoding
          . position X [ PName "role", PmType Ordinal ]
          . position Y [ PName "salary"
                       , PmType Quantitative
                       , PAggregate Mean
                       ]
  

PScale [ScaleProperty]

Scaling applied to a field when encoding with a position channel. The scale will transform a field's value into a position along one axis.

For example, the following will scale the bars positioned along a horizontal axis to have an inner spacing of 50% (0.5) of the total space allocated to each bar:

  enc = encoding
          . position X [ PName "ageGroup"
                       , PmType Nominal
                       , PScale [SPaddingInner 0.5]
                       ]
  

PAxis [AxisProperty]

Axis properties used when encoding with a position channel. For no axis, provide an empty list.

PSort [SortProperty]

Sort order for field when encoding with a position channel.

PStack StackOffset

Type of stacking offset for the field when encoding with a position channel.

For example, stacking areas away from a centreline can be used to create a streamgraph:

  enc = encoding
          . position X [PName "week", PmType Ordinal]
          . position Y [ PName "takings"
                       , PmType Quantitative
                       , PStack StCenter
                       ]
          . color [MName "shop", MmType Nominal]
  

Changed from StackProperty in version 0.4.0.0.

PImpute [ImputeProperty]

Set the imputation rules for a position channel. See the Vega-Lite impute documentation.

Since: 0.4.0.0

PBand Double

Specify the mark position or size relative to the band size. The value is in the range 0 to 1, inclusive.

For rectangular-based marks (Rect, Bar, and Image), the value is the scale factor relative to the band width (or height), or the time unit interval.

For non-rectangular marks, the relative position on a band of a stacked, binned, time unit, or band scale is used. A value of 0 positions the band at the beginning of the band, and 1 at the end.

Since: 0.5.0.0

Sorting properties

See the Vega-Lite sort documentation.

data SortProperty

Allow type of sorting to be customised. For details see the Vega-Lite documentation.

The constructors have been changed in version 0.4.0.0, with Op, ByField, and ByRepeat removed, and their functionality replaced with ByRepeatOp, ByFieldOp, and ByChannel.

Constructors

Ascending

Sorting is from low to high.

Descending

Sorting is from high to low.

CustomSort DataValues

Custom sort order listing data values explicitly.

Since: 0.4.0.0

ByRepeatOp Arrangement Operation

Sort by the aggregated summaries of the given fields (referenced by a repeat iterator) using an aggregation operation.

Since: 0.4.0.0

ByFieldOp FieldName Operation

Sort by the aggregated summary of a field using an aggregation operation. The following example sorts the categorical data field variety by the mean age of the data in each variety category:

position Y
  [ PName "variety"
  , PmType Ordinal
  , PSort [ ByFieldOp "age" Mean, Descending ]
  ]

Since: 0.4.0.0

ByChannel Channel

Sort by another channel.

position Y
 [ PName "age"
 , PmType Ordinal
 , PSort [ ByChannel ChX ]
 ]

Since: 0.4.0.0

data SortField

How should the field be sorted when performing a window transform.

Since: 0.4.0

Constructors

WAscending FieldName

Sort the field into ascending order.

WDescending FieldName

Sort the field into descending order.

Axis properties

See the Vega-Lite axis property documentation](https:/vega.github.iovega-litedocsaxis.html#axis-properties).

data AxisProperty

Axis customisation properties. These are used for customising individual axes. To configure all axes, use AxisConfig with a configuration instead. See the Vega-Lite documentation for more details.

The AxTitleMaxLength constructor was removed in release 0.4.0.0. The AxTitleLimit constructor should be used instead.

Constructors

AxBandPosition Double

An interpolation fraction indicating where, for band scales, axis ticks should be position. A value of 0 places ticks at the left-edge of the band, 0.5 in the middle, and 1 at the right edge.

Since: 0.4.0.0

AxDataCondition BooleanOp ConditionalAxisProperty

Set conditions on an axis property. The first argument is the test to apply, and the second is the pair of properties to set if the condition holds or not.

The test parameter has access to the axis value and label properties: that is

  PAxis [ AxDataCondition
            (Expr "datum.value <= 2")
            (CAxTickColor "red" "blue")
        , AxDataCondition
            (Expr "datum.label == '4.0'")
            (CAxTickWidth 5 2)
        ]
  

Inline aggregation can be performed (before the test) using FilterOpTrans, which can be particularly useful for filtering temporal data. The following example will use solid grid lines for the first day in January, and dashes for all other dates (using &):

  PAxis [ AxDataCondition
            (FEqual "value" (DateTime [DTMonth Jan, DTDate 1])
            & FilterOpTrans (MTimeUnit MonthDate))
            (CAxGridDash [] [2, 2])
        ]
  

Since: 0.5.0.0

AxDomain Bool

Should the axis domain (the baseline) be displayed?

AxDomainColor Color

The axis domain color.

Since: 0.4.0.0

AxDomainDash DashStyle

The dash pattern of the domain.

Since: 0.4.0.0

AxDomainDashOffset DashOffset

The offset for the dash pattern.

Since: 0.4.0.0

AxDomainOpacity Opacity

The axis domain opacity.

Since: 0.4.0.0

AxDomainWidth Double

The width of the axis domain.

Since: 0.4.0.0

AxFormat Text

Formatting pattern for axis values. To distinguish between formatting as numeric values and data/time values, additionally use AxFormatAsNum or AxFormatAsTemporal.

AxFormatAsNum

Facet headers should be formatted as numbers. Use a d3 numeric format string with AxFormat.

Since: 0.4.0.0

AxFormatAsTemporal

Facet headers should be formatted as dates or times. Use a d3 date/time format string with AxFormat.

Since: 0.4.0.0

AxGrid Bool

Should an axis grid be displayed?

AxGridColor Color

The color for the grid.

Since: 0.4.0.0

AxGridDash DashStyle

The dash pattern of the grid.

Since: 0.4.0.0

AxGridDashOffset DashOffset

The offset for the dash pattern.

Since: 0.4.0.0

AxGridOpacity Opacity

The opacity of the grid.

Since: 0.4.0.0

AxGridWidth Double

The width of the grid lines.

Since: 0.4.0.0

AxLabels Bool

Should labels be added to an axis?

AxLabelAlign HAlign

The horizontal alignment for labels.

Since: 0.4.0.0

AxLabelAngle Angle

The angle at which to draw labels.

AxLabelBaseline VAlign

The vertical alignment for labels.

Since: 0.4.0.0

AxLabelNoBound

No boundary overlap check is applied to labels. This is the default behavior.

See also AxLabelBound and AxLabelBoundValue.

Since: 0.4.0.0

AxLabelBound

Labels are hidden if they exceed the axis range by more than 1 pixel.

See also AxLabelNoBound and AxLabelBoundValue.

Since: 0.4.0.0

AxLabelBoundValue Double

Labels are hidden if they exceed the axis range by more than the given number of pixels.

See also AxLabelNoBound and AxLabelBound.

Since: 0.4.0.0

AxLabelColor Color

The label color.

Since: 0.4.0.0

AxLabelExpr VegaExpr

Provide the expression used to generate axis labels.

The expression can use datum.value and datum.label to access the data value and default label text respectively.

The following example uses four digit years for decades and two-digit years for other years:

  AxLabelExpr "if(year(datum.value) % 10 == 0, utcFormat(datum.value,'%Y'), utcFormat(datum.value,'%y'))"
  

Since: 0.5.0.0

AxLabelNoFlush

The labels are not aligned flush to the scale. This is the default for non-continuous X scales.

See also AxLabelFlush and AxLabelFlushValue.

Since: 0.4.0.0

AxLabelFlush

The first and last axis labels are aligned flush to the scale range.

See also AxLabelNoFlush and AxLabelFlushValue.

Since: 0.4.0.0

AxLabelFlushValue Double

The labels are aligned flush, and the parameter determines the extra offset, in pixels, to apply to the first and last labels. This can help the labels better group (visually) with the corresponding axis ticks.

See also AxLabelNoFlush and AxLabelFlush.

Since: 0.4.0.0

AxLabelFlushOffset Double

The number of pixels to offset flush-adjusted labels.

Since: 0.4.0.0

AxLabelFont Text

The font for the label.

Since: 0.4.0.0

AxLabelFontSize Double

The font size of the label.

Since: 0.4.0.0

AxLabelFontStyle Text

The font style of the label.

Since: 0.4.0.0

AxLabelFontWeight FontWeight

The font weight of the label.

Since: 0.4.0.0

AxLabelLimit Double

The maximum width of a label, in pixels.

Since: 0.4.0.0

AxLabelOpacity Opacity

The opacity of the label.

Since: 0.4.0.0

AxLabelOverlap OverlapStrategy

How should overlapping labels be displayed?

AxLabelPadding Double

The padding, in pixels, between the label and the axis.

AxLabelSeparation Double

The minimum separation, in pixels, between label bounding boxes for them to be considered non-overlapping. This is ignored if the AxLabelOverlap strategy is ONone.

Since: 0.4.0.0

AxMaxExtent Double

The maximum extent, in pixels, that axis ticks and labels should use. This determines a maxmium offset value for axis titles.

AxMinExtent Double

The minimum extent, in pixels, that axis ticks and labels should use. This determines a minmium offset value for axis titles.

AxOffset Double

The offset, in pixels, between the axis and the edge of the enclosing group or data rectangle.

AxOrient Side

The orientation of the axis.

AxPosition Double

The anchor position of the axis in pixels.

AxTicks Bool

Should tick marks be drawn on an axis?

AxTickBand BandAlign

For band scales, indicates if ticks and grid lines should be placed at the center of a band (the default) or at the band extents to indicate intervals.

Since: 0.5.0.0

AxTickColor Color

The color of the ticks.

Since: 0.4.0.0

AxTickCount Int

The desired number of ticks for axes visualizing quantitative scales. This is a hint to the system, and the actual number used will be adjusted to be "nice" (multiples of 2, 5, or 10) and lie within the underlying scale's range.

AxTickDash DashStyle

The dash pattern of the ticks.

Since: 0.4.0.0

AxTickDashOffset DashOffset

The offset for the dash pattern.

Since: 0.4.0.0

AxTickExtra Bool

Should an extra axis tick mark be added for the initial position of the axis?

Since: 0.4.0.0

AxTickMinStep Double

The minimum desired step between axis ticks, in terms of the scale domain values.

Since: 0.4.0.0

AxTickOffset Double

The position offset, in pixels, to apply to ticks, labels, and grid lines.

Since: 0.4.0.0

AxTickOpacity Opacity

The opacity of the ticks.

Since: 0.4.0.0

AxTickRound Bool

Should pixel position values be rounded to the nearest integer?

Since: 0.4.0.0

AxTickSize Double

The size of the tick marks in pixels.

AxTickWidth Double

The width of the tick marks in pixels.

Since: 0.4.0.0

AxTitle Text

The axis title.

AxNoTitle

Draw no title for the axis.

Since: 0.4.0.0

AxTitleAlign HAlign

The horizontal alignment of the axis title.

AxTitleAnchor APosition

The text anchor position for placing axis titles.

Since: 0.4.0.0

AxTitleAngle Angle

The angle of the axis title.

AxTitleBaseline VAlign

The vertical alignment of the axis title.

Since: 0.4.0.0

AxTitleColor Color

The color of the axis title.

Since: 0.4.0.0

AxTitleFont Text

The font for the axis title.

Since: 0.4.0.0

AxTitleFontSize Double

The font size of the axis title.

Since: 0.4.0.0

AxTitleFontStyle Text

The font style of the axis title.

Since: 0.4.0.0

AxTitleFontWeight FontWeight

The font weight of the axis title.

Since: 0.4.0.0

AxTitleLimit Double

The maximum allowed width of the axis title, in pixels.

Since: 0.4.0.0

AxTitleLineHeight Double

Line height, in pixels, for multi-line title text.

Since: 0.5.0.0

AxTitleOpacity Opacity

The opacity of the axis title.

Since: 0.4.0.0

AxTitlePadding Double

The padding, in pixels, between title and axis.

AxTitleX Double

The X coordinate of the axis title, relative to the axis group.

Since: 0.4.0.0

AxTitleY Double

The Y coordinate of the axis title, relative to the axis group.

Since: 0.4.0.0

AxTranslateOffset Double

The translation offset in pixels applied to the axis group mark x and y. If specified it overrides the default value of a 0.5 offset to pixel-align stroked lines.

Since: 0.5.0.0

AxValues DataValues

Set the explicit tick, grid, and label values along an axis.

The following three examples are for an axis displaying a quantitative, categorical, and temporal field respectively.

  PAxis [AxValues (Numbers [2, 3, 5, 7, 11, 13, 17])]
  PAxis [AxValues (Strings ["cats", "dogs", "elephants"])]
  PAxis [AxValues (DateTimes [ [DTYear 2019, DTMonth Mar, DTDate 31]
                             , [DTYear 2019, DTMonth Jun, DTDate 30]
                             , [DTYear 2019, DTMonth Sep, DTDate 30]
                             ])]
  

Changed in 0.4.0.0 to take DataValues rather than [Double].

AxDates [[DateTime]]

Deprecated: Please change AxDates to AxValues

The dates or times to appear along the axis.

As of version 0.4.0.0, this is deprecated. The AxValues constructor should be used instead.

AxZIndex ZIndex

The z-index of the axis, relative to the chart marks.

data ConditionalAxisProperty

For use with AxDataCondition, and defines those axis properties which can be conditioned on their position (or label).

The constuctor determines the axis property (a label, tick, or grid element), the second is the value to set if the condition is True, and the third is the value for when it is False.

Since: 0.5.0.0

Constructors

CAxGridColor Color Color

The color for the axis grid.

CAxGridDash DashStyle DashStyle

The dash pattern for the axis grid.

CAxGridDashOffset DashOffset DashOffset

The offset for the dash pattern.

CAxGridOpacity Opacity Opacity

The opacity of the axis grid.

CAxGridWidth Double Double

The width of the axis grid.

CAxLabelAlign HAlign HAlign

Axis label horizontal alignment.

CAxLabelBaseline VAlign VAlign

Axis label vertical alignment.

CAxLabelColor Color Color

Axis label color.

CAxLabelFont Text Text

Axis label font.

CAxLabelFontSize Double Double

Axis label font.

CAxLabelFontStyle Text Text

Axis label font style.

CAxLabelFontWeight FontWeight FontWeight

Axis label font weight.

CAxLabelOpacity Opacity Opacity

Axis label opacity.

CAxTickColor Text Text

Tick color for the axis.

CAxTickDash DashStyle DashStyle

The dash pattern for the axis ticks.

CAxTickDashOffset DashOffset DashOffset

The offset for the dash pattern.

CAxTickOpacity Opacity Opacity

Opacity of the axis tick marks.

CAxTickWidth Double Double

Width of the axis tick marks.

Positioning Constants

Alignment

data HAlign

Indicates the horizontal alignment of text such as on an axis or legend.

Constructors

AlignCenter

AlignLeft

AlignRight

data VAlign

Indicates the vertical alignment of text that may be attached to a mark.

Constructors

AlignTop

AlignMiddle

AlignBottom

data BandAlign

Where should tick marks and grid lines be placed. This is used with AxTickBand and TickBand.

Since: 0.5.0.0

Constructors

BCenter

Use the center of the band.

BExtent

Use the band extents.

Overlapping text

data OverlapStrategy

Type of overlap strategy to be applied when there is not space to show all items on an axis, and is used by AxLabelOverlap, LabelOverlap, LLabelOverlap, and LeLabelOverlap. See the Vega-Lite documentation for more details.

Constructors

ONone

No overlap strategy to be applied when there is not space to show all items on an axis.

OParity

Give all items equal weight in overlap strategy to be applied when there is not space to show them all on an axis.

OGreedy

Greedy overlap strategy to be applied when there is not space to show all items on an axis.

Legends

data Side

Represents one side of a rectangular space.

Used by AxOrient, HLabelOrient, HTitleOrient, LTitleOrient, LeTitleOrient, Orient, and TOrient.

Constructors

STop

SBottom

SLeft

SRight

Mark channels

Control the appearance of the visual marks in the visualization (e.g. color and size).

size

Arguments

:: [MarkChannel]

What data values are used to control the size parameters of the mark.

-> BuildEncodingSpecs

Encode a size channel.

size [ MName "Age", MmType Quantitative ] []

color

Arguments

:: [MarkChannel]

The color-encoding options.

-> BuildEncodingSpecs

Encode a color channel.

color [ MName "Species", MmType Nominal ] []

Encoding a color channel will generate a legend by default. To stop the legend appearing, just supply an empty list of legend properties to MLegend:

color [ MName "Species", MmType Nominal, MLegend [] ] []

fill

Arguments

:: [MarkChannel]

Configure the fill.

-> BuildEncodingSpecs

Encode a fill channel. This acts in a similar way to encoding by color but only affects the interior of closed shapes.

fill [ MName "Species", MmType Nominal ] []

Note that if both fill and color encodings are specified, fill takes precedence.

stroke

Arguments

:: [MarkChannel]

What data values are used to control the stoke parameters of the mark.

-> BuildEncodingSpecs

Encode a stroke channel. This acts in a similar way to encoding by color but only affects the exterior boundary of marks.

stroke [ MName "Species", MmType Nominal ] []

Note that if both stroke and color encodings are specified, stroke takes precedence.

strokeWidth

Arguments

:: [MarkChannel]

What data values are used to control the stoke width parameters of the mark.

-> BuildEncodingSpecs

Encode a stroke width channel.

Since: 0.4.0.0

opacity :: [MarkChannel] -> BuildEncodingSpecs

Encode an opacity channel. The first parameter is a list of mark channel properties that characterise the way a data field is encoded by opacity. The second parameter is a list of any previous channels to which this opacity channel should be added.

opacity [ MName "Age", MmType Quantitative ] []

See also fillOpacity.

fillOpacity :: [MarkChannel] -> BuildEncodingSpecs

Encode a fill opacity channel. This acts in a similar way to encoding by opacity but only affects the interior of closed shapes. If both fillOpacity and opacity encodings are specified, fillOpacity takes precedence.

See also fill.

Since: 0.4.0.0

strokeOpacity

Arguments

:: [MarkChannel]

What data values are used to control the stoke opacity parameters of the mark.

-> BuildEncodingSpecs

Encode a stroke opacity channel. This acts in a similar way to encoding by opacity but only affects the exterior boundary of marks. If both opacity and strokeOpacity are specified, strokeOpacity takes precedence for stroke encoding.

Since: 0.4.0.0

shape

Arguments

:: [MarkChannel]

What data values are used to control the shape parameters of the mark.

-> BuildEncodingSpecs

Encode a shape channel.

shape [ MName "Species", MmType Nominal ] []

Mark Channel properties

data MarkChannel

Mark channel properties used for creating a mark channel encoding.

Constructors

MName FieldName

Field used for encoding with a mark property channel.

MRepeat Arrangement

Reference in a mark channel to a field name generated by repeatFlow or repeat. The parameter identifies whether reference is being made to fields that are to be arranged in columns, in rows, or a with a flow layout.

MmType Measurement

Level of measurement when encoding with a mark property channel.

MScale [ScaleProperty]

Scaling applied to a field when encoding with a mark property channel. The scale will transform a field's value into a color, shape, size etc.

Use an empty list to remove the scale.

MBin [BinProperty]

Discretize numeric values into bins when encoding with a mark property channel.

MBinned

Indicate that data encoding with a mark are already binned.

Since: 0.4.0.0

MSort [SortProperty]

Sort order.

Since: 0.4.0.0

MTimeUnit TimeUnit

Time unit aggregation of field values when encoding with a mark property channel.

MTitle Text

Title of a field when encoding with a mark property channel.

Since: 0.4.0.0

MNoTitle

Draw no title.

Since: 0.4.0.0

MAggregate Operation

Compute aggregate summary statistics for a field to be encoded with a mark property channel.

MLegend [LegendProperty]

Properties of a legend that describes a mark's encoding.

For no legend, provide an empty list.

MSelectionCondition BooleanOp [MarkChannel] [MarkChannel]

Make a mark channel conditional on interactive selection. The first parameter is a selection condition to evaluate; the second the encoding to apply if that selection is true; the third parameter is the encoding if the selection is false.

color
  [ MSelectionCondition (SelectionName "myBrush")
     [ MName "myField", MmType Ordinal ]
     [ MString "grey" ]
  ]

MDataCondition [(BooleanOp, [MarkChannel])] [MarkChannel]

Make a text channel conditional on one or more predicate expressions. The first parameter is a list of tuples each pairing an expression to evaluate with the encoding if that expression is True. The second is the encoding if none of the expressions evaluate as True.

color
  [ MDataCondition [ ( Expr "datum.myField === null", [ MString "grey" ] ) ]
     [ MString "black" ]
  ]

The arguments to this constructor have changed in 0.4.0.0 to support multiple expressions.

MPath Text

SVG path string used when encoding with a mark property channel. Useful for providing custom shapes.

MNumber Double

Literal numeric value when encoding with a mark property channel.

MString Text

Literal string value when encoding with a mark property channel.

MBoolean Bool

Boolean value when encoding with a mark property channel.

Mark Legends

See the Vega-Lite legend property documentation.

data LegendType

Indicates the type of legend to create. It is used with LType.

Prior to version 0.4.0.0.0 this was called Legend and the constructors did not end in Legend.

Constructors

GradientLegend

Typically used for continuous quantitative data.

SymbolLegend

Typically used for categorical data.

data LegendProperty

Legend properties, set with MLegend. For more detail see the Vega-Lite documentation.

The LEntryPadding constructor was removed in 0.4.0.0.

Constructors

LClipHeight Double

The height, in pixels, to clip symbol legend entries.

Since: 0.4.0.0

LColumnPadding Double

The horizontal padding, in pixels, between symbol legend entries.

Since: 0.4.0.0

LColumns Int

The number of columns in which to arrange symbol legend entries. A value of 0 or lower indicates a single row with one column per entry.

Since: 0.4.0.0

LCornerRadius Double

The corner radius for the full legend.

Since: 0.4.0.0

LDirection Orientation

The direction of the legend.

Since: 0.4.0.0

LFillColor Color

The background fill color for the full legend.

Since: 0.4.0.0

LFormat Text

Formatting pattern for legend values. To distinguish between formatting as numeric values and data/time values, additionally use LFormatAsNum or LFormatAsTemporal.

LFormatAsNum

Legends should be formatted as numbers. Use a d3 numeric format string with LFormat.

Since: 0.4.0.0

LFormatAsTemporal

Legends should be formatted as dates or times. Use a d3 date/time format string with LFormat.

Since: 0.4.0.0

LGradientLength Double

The length in pixels of the primary axis of the color gradient.

Since: 0.4.0.0

LGradientOpacity Opacity

The opacity of the color gradient.

Since: 0.4.0.0

LGradientStrokeColor Color

The color of the gradient stroke.

Since: 0.4.0.0

LGradientStrokeWidth Double

The width, in pixels, of the gradient stroke.

Since: 0.4.0.0

LGradientThickness Double

The thickness, in pixels, of the color gradient.

Since: 0.4.0.0

LGridAlign CompositionAlignment

The grid layout for the symbol legends.

Since: 0.4.0.0

LLabelAlign HAlign

Since: 0.4.0.0

LLabelBaseline VAlign

Since: 0.4.0.0

LLabelColor Color

Since: 0.4.0.0

LLabelFont Text

Since: 0.4.0.0

LLabelFontSize Double

Since: 0.4.0.0

LLabelFontStyle Text

Since: 0.4.0.0

LLabelFontWeight FontWeight

Since: 0.4.0.0

LLabelLimit Double

Since: 0.4.0.0

LLabelOffset Double

Since: 0.4.0.0

LLabelOpacity Opacity

Since: 0.4.0.0

LLabelOverlap OverlapStrategy

Since: 0.4.0.0

LLabelPadding Double

Since: 0.4.0.0

LLabelSeparation Double

Since: 0.4.0.0

LOffset Double

The offset in pixels by which to displace the legend from the data rectangle and axes.

LOrient LegendOrientation

The legend orientation.

LPadding Double

The padding, in pixels, between the border and content of the legend group.

LRowPadding Double

The vertical padding, in pixels, between symbol legend entries.

Since: 0.4.0.0

LStrokeColor Color

The border stroke color for the full legend.

Since: 0.4.0.0

LSymbolDash DashStyle

The dash pattern for symbols.

Since: 0.4.0.0

LSymbolDashOffset DashOffset

The offset for the dash pattern.

Since: 0.4.0.0

LSymbolFillColor Color

The fill color of the legend symbol.

Since: 0.4.0.0

LSymbolOffset Double

The horizontal pixel offset for legend symbols.

Since: 0.4.0.0

LSymbolOpacity Opacity

The opacity of the legend symbols.

Since: 0.4.0.0

LSymbolSize Double

The size of the legend symbol, in pixels.

Since: 0.4.0.0

LSymbolStrokeColor Color

The edge color of the legend symbol.

Since: 0.4.0.0

LSymbolStrokeWidth Double

The width of the sumbol's stroke.

Since: 0.4.0.0

LSymbolType Symbol

Since: 0.4.0.0

LTickCount Double

The desired number of tick values for quantitative legends.

LTickMinStep Double

The minimum desired step between legend ticks, in terms of the scale domain values.

Since: 0.4.0.0

LTitle Text

LNoTitle

Draw no title.

Since: 0.4.0.0

LTitleAlign HAlign

Since: 0.4.0.0

LTitleAnchor APosition

Since: 0.4.0.0

LTitleBaseline VAlign

Since: 0.4.0.0

LTitleColor Color

Since: 0.4.0.0

LTitleFont Text

Since: 0.4.0.0

LTitleFontSize Double

Since: 0.4.0.0

LTitleFontStyle Text

Since: 0.4.0.0

LTitleFontWeight FontWeight

Since: 0.4.0.0

LTitleLimit Double

The maximum allowed pixel width of the legend title.

Since: 0.4.0.0

LTitleOpacity Opacity

Opacity of the legend title.

Since: 0.4.0.0

LTitleOrient Side

Orientation of the legend title.

Since: 0.4.0.0

LTitlePadding Double

The padding, in pixels, between title and legend.

Since: 0.4.0.0

LType LegendType

The type of the legend.

LValues LegendValues

Explicitly set the visible legend values.

LeX Double

Custom x position, in pixels, for the legend when LOrient is set to LONone.

Since: 0.4.0.0

LeY Double

Custom y position, in pixels, for the legend when LOrient is set to LONone.

Since: 0.4.0.0

LZIndex ZIndex

The z-index at which to draw the legend.

data LegendOrientation

Indicates the legend orientation. See the Vega-Lite documentation for more details.

Constructors

LONone

LOLeft

LORight

LOTop

Since: 0.4.0.0

LOBottom

Since: 0.4.0.0

LOTopLeft

LOTopRight

LOBottomLeft

LOBottomRight

data LegendValues

A list of data values suitable for setting legend values, used with LValues.

Constructors

LDateTimes [[DateTime]]

LNumbers [Double]

LStrings [Text]

Text Channels

Control the appearance of the text and tooltip elements in the visualization.

text

Arguments

:: [TextChannel]

What data values are used to control the text parameters.

-> BuildEncodingSpecs

Encode a text channel. See the Vega-Lite documentation for further details on the text and tooltip channels and Vega-Lite formatting documentation for formatting the appearance of the text.

encoding
    . position X [ PName "miles", PmType Quantitative ]
    . position Y [ PName "gas", PmType Quantitative ]
    . text [ TName "miles", TmType Quantitative ]

tooltip

Arguments

:: [TextChannel]

The properties for the channel.

If the list is empty then this turns off tooltip support for this channel. This is new to 0.5.0.0, but is also the default behavior in Vega Lite 4.

-> BuildEncodingSpecs

Encode a tooltip channel. See the Vega-Lite documentation for further details on the text and tooltip channels and Vega-Lite formatting documentation for formatting the appearance of the text.

enc = encoding
        . position X [ PName "Horsepower", PmType Quantitative ]
        . position Y [ PName "Miles_per_Gallon", PmType Quantitative ]
        . tooltip [ TName "Year", TmType Temporal, TFormat "%Y" ]

To encode multiple tooltip values with a mark, use tooltips.

tooltips

Arguments

:: [[TextChannel]]

A separate list of properties for each channel.

-> BuildEncodingSpecs

Encode a tooltip channel using multiple data fields.

encoding
    . position X [ PName "Horsepower", PmType Quantitative ]
    . position Y [ PName "Miles_per_Gallon", PmType Quantitative ]
    . tooltips [ [ TName "Year",  TmType Temporal, TFormat "%Y" ]
               , [ TName "Month", TmType Temporal, TFormat "%Y" ] ]

Since: 0.3.0.0

data TextChannel

Types of text channel property used for displaying text as part of the visualization.

Constructors

TName FieldName

Name of the field used for encoding with a text channel.

TAggregate Operation

Compute some aggregate summary statistics for a field to be encoded with a text channel. The type of aggregation is determined by the given operation parameter.

TBin [BinProperty]

Discretize numeric values into bins when encoding with a text channel.

TBinned

Indicate that data encoded with a text channel are already binned.

Since: 0.4.0.0

TDataCondition [(BooleanOp, [TextChannel])] [TextChannel]

Make a text channel conditional on one or more predicate expressions. The first parameter is a list of tuples each pairing an expression to evaluate with the encoding if that expression is True. The second is the encoding if none of the expressions evaluate as True.

The arguments to this constructor have changed in 0.4.0.0 to support multiple expressions.

TFormat Text

Formatting pattern for text marks. To distinguish between formatting as numeric values and data/time values, additionally use TFormatAsNum or TFormatAsTemporal.

TFormatAsNum

The text marks should be formatted as numbers. Use a d3 numeric format string with TFormat.

Since: 0.4.0.0

TFormatAsTemporal

The text marks should be formatted as dates or times. Use a d3 date/time format string with TFormat.

Since: 0.4.0.0

TmType Measurement

Level of measurement when encoding with a text channel.

TRepeat Arrangement

Reference in a text channel to a field name generated by repeatFlow or repeat. The parameter identifies whether reference is being made to fields that are to be arranged in columns, in rows, or a with a flow layout.

TSelectionCondition BooleanOp [TextChannel] [TextChannel]

Make a text channel conditional on interactive selection. The first parameter is a selection condition to evaluate; the second the encoding to apply if that selection is true; the third parameter is the encoding if the selection is false.

TTitle Text

Title of a field when encoding with a text or tooltip channel.

Since: 0.4.0.0

TNoTitle

Display no title.

Since: 0.4.0.0

TTimeUnit TimeUnit

Time unit aggregation of field values when encoding with a text channel.

TString Text

A literal value for encoding a text property channel

This can be useful for a text annotation, such as:

  encoding
     . position X [ PNumber 300 ]
     . position Y [ PNumber 1234 ]
     . text [ TString "Upper limit" ]
  

Since: 0.5.0.0

data FontWeight

Indicates the weight options for a font.

Constructors

Bold

Bolder

Lighter

Normal

W100

W200

W300

W400

W500

W600

W700

W800

W900

Hyperlink Channels

Channels which offer a clickable URL destination. Unlike most other channels, the hyperlink channel has no direct visual expression other than the option of changing the cursor style when hovering, so an encoding will usually pair hyperlinks with other visual channels such as marks or texts.

hyperlink

Arguments

:: [HyperlinkChannel]

The properties for the hyperlink channel.

-> BuildEncodingSpecs

Encode a hyperlink channel.

encoding
  . hyperlink [ HName "Species", HmType Nominal ]

encoding
  . hyperlink [ HString "http://www.imdb.com" ]

For further details see the Vega-Lite documentation.

data HyperlinkChannel

Types of hyperlink channel property used for linking marks or text to URLs.

Constructors

HName FieldName

Field used for encoding with a hyperlink channel.

HRepeat Arrangement

Reference in a hyperlink channel to a field name generated by repeatFlow or repeat. The parameter identifies whether reference is being made to fields that are to be arranged in columns, in rows, or a with a flow layout.

HmType Measurement

Level of measurement when encoding with a hyperlink channel.

HBin [BinProperty]

Discretize numeric values into bins when encoding with a hyperlink channel.

HBinned

Indicate that data encoded with a hyperlink channel are already binned.

Since: 0.4.0.0

HAggregate Operation

Compute aggregate summary statistics for a field to be encoded with a hyperlink channel.

HTimeUnit TimeUnit

HSelectionCondition BooleanOp [HyperlinkChannel] [HyperlinkChannel]

Make a hyperlink channel conditional on interactive selection. The first parameter provides the selection to evaluate, the second the encoding to apply if the hyperlink has been selected, the third the encoding if it is not selected.

HDataCondition [(BooleanOp, [HyperlinkChannel])] [HyperlinkChannel]

Make a hyperlink channel conditional on one or more predicate expressions. The first parameter is a list of tuples each pairing an expression to evaluate with the encoding if that expression is True. The second is the encoding if none of the expressions evaluate as True.

The arguments to this constructor have changed in 0.4.0.0 to support multiple expressions.

HString Text

Literal string value when encoding with a hyperlink channel.

URL Channel

Data-driven URL used for Image specification: a data field can contain URL strings defining the location of image files, or the URL can be given directly.

url :: [HyperlinkChannel] -> BuildEncodingSpecs

Encode a URL for use with the Image mark type.

The URL can be encoded directly:

let axVals = Numbers [ 0.5, 1.5, 2.5 ]

    dvals = dataFromColumns []
            . dataColumn "x" axVals
            . dataColumn "y" axVals

    enc = encoding
          . position X [ PName "x", PmType Quantitative ]
          . position Y [ PName "y", PmType Quantitative ]
          . url [ HString "wonderful-image.png" ]

    imMark = mark Image [ MWidth 50, MHeight 25 ]

in toVegaLite [ dvals [], enc [], imMark ]

or by referencing a data field containing the URL values:

... dataColumn "img" (Strings [ "i1.png", "i2.png", "i4.png" ])

... url [ HName "img", HmType Nominal ]

Since: 0.5.0.0

Order Channel

Channels that relate to the order of data fields such as for sorting stacking order or order of data points in a connected scatterplot. See the Vega-Lite documentation for further details.

order

Arguments

:: [OrderChannel]

The order-encoding options.

-> BuildEncodingSpecs

Encode an order channel.

enc =
    encoding
        . position X [ PName "miles", PmType Quantitative ]
        . position Y [ PName "gas", PmType Quantitative ]
        . order [ OName "year", OmType Temporal, OSort [Descending] ]

data OrderChannel

Properties of an ordering channel used for sorting data fields.

Constructors

OName FieldName

The name of the field used for encoding with an order channel.

ORepeat Arrangement

Reference in an order channel to a field name generated by repeatFlow or repeat. The parameter identifies whether reference is being made to fields that are to be arranged in columns, in rows, or a with a flow layout.

OmType Measurement

The level of measurement when encoding with an order channel.

OBin [BinProperty]

Discretize numeric values into bins when encoding with an order channel.

OAggregate Operation

Compute some aggregate summary statistics for a field to be encoded with an order channel.

OTimeUnit TimeUnit

Form of time unit aggregation of field values when encoding with an order channel.

OSort [SortProperty]

Sort order for field when encoding with an order channel.

Facet Channel

Channels for faceting single plots into small multiples. Can be used to create trellis plots or other arrangements in rows and columns. See the Vega-Lite documentation for further details. See also, faceted views for a more flexible (but more verbose) way of defining faceted views.

row

Arguments

:: [FacetChannel]

The facet properties for the channel; this should include the name of the field (FName) and its measurement type (FmType).

-> BuildEncodingSpecs

Encode a new facet to be arranged in rows.

See the Vega-Lite row documentation.

Note that when faceting, dimensions specified with width and height refer to the individual faceted plots, not the whole visualization.

let dvals = dataFromUrl "crimeData.csv"
    enc = encoding
            . position X [PName "month", PmType Temporal]
            . position Y [PName "reportedCrimes"
                         , PmType Quantitative
                         , PAggregate Sum
                         , PAxis [AxNoTitle]
                         ]
            . row [FName "crimeType", FmType Nominal]

in toVegaLite [height 80, dvals [], mark Bar [], enc []]

column

Arguments

:: [FacetChannel]

The list of properties that define the faceting channel. At a minimum this should include the data field (FName) and its measurement type (FmType).

-> BuildEncodingSpecs

Encodes a new facet to be arranged in columns. See the Vega-Lite column documentation.

Note that when faceting, dimensions specified with width and height refer to the individual faceted plots, not the overall visualization.

let dvals = dataFromUrl "crimeData.csv"
    enc = encoding
            . position X [PName "month", PmType Temporal]
            . position Y [PName "reportedCrimes", PmType Quantitative
                         , PAggregate Sum]
            . column [FName "crimeType", FmType Nominal]

    in toVegaLite [width 100, dvals [], mark Bar [], enc [] ]

Level of detail Channel

Used for grouping data but without changing the visual appearance of a mark. When, for example, a field is encoded by color, all data items with the same value for that field are given the same color. When a detail channel encodes a field, all data items with the same value are placed in the same group. This allows, for example a line chart with multiple lines to be created – one for each group. See the Vega-Lite documentation for more information.

detail

Arguments

:: [DetailChannel]

The field to group.

-> BuildEncodingSpecs

Encode a "level of detail" channel. This provides a way of grouping by a field but unlike, say color, all groups have the same visual properties.

See the Vega-Lite documentation for details.

detail [DName "Species", DmType Nominal] []

data DetailChannel

Level of detail channel properties used for creating a grouped channel encoding.

Constructors

DName FieldName

The name of the field.

DmType Measurement

The measurement type of the field.

DBin [BinProperty]

How to convert discrete numeric values into bins.

DTimeUnit TimeUnit

The form of time unit aggregation.

DAggregate Operation

How should the detail field be aggregated?

Scaling

Used to specify how the encoding of a data field should be applied. See the Vega-Lite scale documentation.

data ScaleProperty

Individual scale property. These are used to customise an individual scale transformation. To customise all scales use configure and supply relevant ScaleConfig values. For more details see the Vega-Lite documentation.

There are two utility routines for constructing a list of scale properties: categoricalDomainMap and domainRangeMap.

The SRangeStep constructor was removed in version 0.5.0.0. Users should use the heightStep and widthStep functions instead.

The SReverse constructor was removed in version 0.4.0.0, as it represented a Vega, rather than Vega-Lite, property. The order of a scale can be changed with the PSort constructor.

Constructors

SType Scale

Type of scaling to apply.

SAlign Double

Alignment of the steps within the scale range. A value of 0 shifts the bands to an axis, 1 away from the axis, and 0.5 is centered within the range.

The input is clamped so that values less than 0 are mapped to 0 and greater than 1 to 1.

Since: 0.4.0.0

SBase Double

The base to use for log scaling (ScLog).

Default is 10.

Since: 0.4.0.0

SBins [Double]

An array of bin boundaries over the scale domain. If give, axes and legends will use these boundaries to inform the choice of tick marks and text labels.

Since: 0.4.0.0

SClamp Bool

Should values outside the data domain be clamped (to the minimum or maximum value)?

SConstant Double

The desired slope of the ScSymLog function at zero.

The default is 1.

Since: 0.4.0.0

SDomain ScaleDomain

Custom scaling domain.

SExponent Double

The exponent to use for power scaling (ScPow).

Since: 0.4.0.0

SInterpolate CInterpolate

Interpolation method for scaling range values.

SNice ScaleNice

"Nice" minimum and maximum values in a scaling (e.g. multiples of 10).

SPadding Double

Padding in pixels to apply to a scaling.

SPaddingInner Double

Inner padding to apply to a band scaling.

SPaddingOuter Double

Outer padding to apply to a band scaling.

SRange ScaleRange

Range of a scaling. The type of range depends on the encoding channel.

SRound Bool

Are numeric values in a scaling are rounded to integers?

The default is False.

SScheme Text [Double]

Color scheme used by a color scaling. The first parameter is the name of the scheme (e.g. "viridis") and the second an optional specification, which can contain 1, 2, or 3 numbers:

• the number of colors to use (list of one number);
• the extent of the color range to use (list of two numbers between 0 and 1);
• the number of colors and extent (three numbers, first is the number of colors).

The number of colors was broken prior to 0.4.0.0 and the option to define both the count and extent was added in 0.4.0.0.

SZero Bool

Should a numeric scaling be forced to include a zero value?

Not all scales support SZero and the default depends on the type of channel.

data Scale

Used to indicate the type of scale transformation to apply.

The 0.4.0.0 release removed the ScSequential constructor, as ScLinear should be used instead.

Constructors

ScLinear

A linear scale.

ScPow

A power scale. The exponent to use for scaling is specified with SExponent.

ScSqrt

A square-root scale.

ScLog

A log scale. Defaults to log of base 10, but can be customised with SBase.

ScSymLog

A symmetrical log (PDF link) scale. Similar to a log scale but supports zero and negative values. The slope of the function at zero can be set with SConstant.

Since: 0.4.0.0

ScTime

A temporal scale.

ScUtc

A temporal scale, in UTC.

ScOrdinal

An ordinal scale.

ScBand

A band scale.

ScPoint

A point scale.

ScBinLinear

A linear band scale.

ScBinOrdinal

An ordinal band scale.

ScQuantile

A quantile scale.

Since: 0.4.0.0

ScQuantize

A quantizing scale.

Since: 0.4.0.0

ScThreshold

A threshold scale.

Since: 0.4.0.0

categoricalDomainMap :: [(Text, Color)] -> [ScaleProperty]

Create a set of discrete domain to color mappings suitable for customising categorical scales. The first item in each tuple should be a domain value and the second the color value with which it should be associated. It is a convenience function equivalent to specifying separate SDomain and SRange lists and is safer as it guarantees a one-to-one correspondence between domain and range values.

color
    [ MName "weather"
    , MmType Nominal
    , MScale (
        categoricalDomainMap
            [ ( "sun", "yellow" )
            , ( "rain", "blue" )
            , ( "fog", "grey" )
            ]
        )
    ]

domainRangeMap :: (Double, Color) -> (Double, Color) -> [ScaleProperty]

Create a pair of continuous domain to color mappings suitable for customising ordered scales. The first parameter is a tuple representing the mapping of the lowest numeric value in the domain to its equivalent color; the second tuple the mapping of the highest numeric value to color. If the domain contains any values between these lower and upper bounds they are interpolated according to the scale's interpolation function. This is a convenience function equivalent to specifying separate SDomain and SRange lists and is safer as it guarantees a one-to-one correspondence between domain and range values.

color
    [ MName "year"
    , MmType Ordinal
    , MScale (domainRangeMap (1955, "rgb(230,149,156)") (2000, "rgb(145,26,36)"))
    ]

data ScaleDomain

Describes the scale domain (type of data in scale). For full details see the Vega-Lite documentation.

Constructors

DNumbers [Double]

Numeric values that define a scale domain.

DStrings [Text]

String values that define a scale domain.

DDateTimes [[DateTime]]

Date-time values that define a scale domain.

DSelection Text

Scale domain based on a named interactive selection.

Unaggregated

Specify an unaggregated scale domain (type of data in scale).

data ScaleRange

Describes a scale range of scale output values. For full details see the Vega-Lite documentation.

For color scales you can also specify a color scheme instead of range.

Any directly specified range for x and y channels will be ignored. Range can be customized via the view's corresponding size (width and height) or via range steps and paddings properties (e.g. SCRangeStep) for band and point scales.

Constructors

RNumbers [Double]

For continuous scales, a two-element array indicating minimum and maximum values, or an array with more than two entries for specifying a piecewise scale.

RStrings [Text]

Text scale range for discrete scales.

RName Text

Name of a pre-defined named scale range (e.g. "symbol" or "diverging").

data ScaleNice

Describes the way a scale can be rounded to "nice" numbers. For full details see the Vega-Lite documentation.

Constructors

NMillisecond

Nice time intervals that try to align with rounded milliseconds.

NSecond

Nice time intervals that try to align with whole or rounded seconds.

NMinute

Nice time intervals that try to align with whole or rounded minutes.

NHour

Nice time intervals that try to align with whole or rounded hours.

NDay

Nice time intervals that try to align with whole or rounded days.

NWeek

Nice time intervals that try to align with whole or rounded weeks.

NMonth

Nice time intervals that try to align with whole or rounded months.

NYear

Nice time intervals that try to align with whole or rounded years.

NInterval TimeUnit Int

"Nice" temporal interval values when scaling.

IsNice Bool

Enable or disable nice scaling.

NTickCount Int

Desired number of tick marks in a "nice" scaling.

Color scaling

For color interpolation types, see the Vega-Lite continuous scale documentation.

data CInterpolate

Indicates the type of color interpolation to apply, when mapping a data field onto a color scale.

For details see the Vega-Lite documentation.

Constructors

CubeHelix Double

Cube helix color interpolation for continuous color scales using the given gamma value (anchored at 1).

CubeHelixLong Double

Long-path cube helix color interpolation for continuous color scales using the given gamma value (anchored at 1).

Hcl

HCL color interpolation for continuous color scales.

HclLong

HCL color interpolation in polar coordinate space for continuous color scales.

Hsl

HSL color interpolation for continuous color scales.

HslLong

HSL color interpolation in polar coordinate space for continuous color scales.

Lab

Lab color interpolation for continuous color scales.

Rgb Double

RGB color interpolation for continuous color scales using the given gamma value (anchored at 1).

Creating view compositions

Views can be combined to create more complex multiview displays. This may involve layering views on top of each other (superposition) or laying them out in adjacent spaces (juxtaposition using repeat, repeatFlow, facet, facetFlow, vlConcat, hConcat, or vConcat). Where different views have potentially conflicting channels (for example, two position scales in a layered visualization) the rules for resolving them can be defined with resolve. For details of creating composite views see the Vega-Lite documentation.

layer :: [VLSpec] -> PropertySpec

Assigns a list of specifications to superposed layers in a visualization.

toVegaLite [dataFromUrl "data/driving.json" [], layer [spec1, spec2]]

A complete example showing layer in use:

let dvals = dataFromColumns []
              . dataColumn "x" (Numbers [1, 2, 3, 4, 5])
              . dataColumn "a" (Numbers [28, 91, 43, 55, 81])
    enc = encoding
             . position X [PName "x", PmType Ordinal]
             . position Y [PName "a", PmType Quantitative]
             . text [TName "a", TmType Nominal]

    in toVegaLite [ dvals []
                  , enc []
                  , layer [ asSpec [mark Bar []]
                          , asSpec [mark Text [MdY (-8)]]
                          ]
                  ]

vlConcat :: [VLSpec] -> PropertySpec

The list of specifications to be juxtaposed horizontally in a flow layout of views. See also hConcat and vConcat.

The number of columns in the flow layout can be set with columns and, if not specified, will default to a single row of unlimited columns.

let dvals = dataSequenceAs 0 6.28 0.1 "x"
    trans = transform
              . calculateAs "sin(datum.x)" "sinX"
              . calculateAs "cos(datum.x)" "cosX"
    enc = encoding
            . position X [PName "x", PmType Quantitative]
    encCos = enc . position Y [PName "cosX", PmType Quantitative]
    encSin = enc . position Y [PName "sinX", PmType Quantitative]

in toVegaLite [ dvals
              , trans []
              , vlConcat [ asSpec [encCos [], mark Line []]
                         , asSpec [encSin [], mark Line []]
                         ]
              ]

This is named concat in Elm VegaLite but has been renamed here to avoid conflicting with the Prelude.

Since: 0.4.0.0

columns

Arguments

:: Natural

A value of 0 means that a single row will be used (which is also the default behavior).

-> PropertySpec

The maximum number of columns to include in a view composition flow layout. If the number of faceted small multiples exceeds this number, flow moves to the next row. Only applies to flow layouts generated by vlConcat, facetFlow, and repeatFlow.

Since: 0.4.0.0

hConcat :: [VLSpec] -> PropertySpec

Assigns a list of specifications to be juxtaposed horizontally in a visualization. See also vConcat and vlConcat.

toVegaLite
    [ dataFromUrl "data/driving.json" []
    , hConcat [ spec1, spec2 ]
    ]

vConcat :: [VLSpec] -> PropertySpec

Assigns a list of specifications to be juxtaposed vertically in a visualization. See also hConcat and vlConcat.

toVegaLite
    [ dataFromUrl "data/driving.json" []
    , vConcat [ spec1, spec2 ]
    ]

align :: CompositionAlignment -> PropertySpec

Alignment to apply to grid rows and columns generated by a composition operator. This version sets the same alignment for rows and columns.

See also alignRC.

Since: 0.4.0.0

alignRC

Arguments

:: CompositionAlignment

Row alignment

-> CompositionAlignment

Column alignment

-> PropertySpec

Similar to align but with independent alignments for rows and columns.

See also align.

Since: 0.4.0.0

spacing

Arguments

:: Double

Spacing in pixels.

-> PropertySpec

Spacing between sub-views in a composition operator.

See also spacingRC.

Since: 0.4.0.0

spacingRC

Arguments

:: Double

Spacing between rows (in pixels).

-> Double

Spacing between columns (in pixels).

-> PropertySpec

Set the spacing between the rows and columns.

See also spacing.

Since: 0.4.0.0

center :: Bool -> PropertySpec

Are sub-views in a composition operator centred relative to their respective rows and columns?

See also centerRC.

Since: 0.4.0.0

centerRC

Arguments

:: Bool

Are rows to be centered?

-> Bool

Are columns to be centered?

-> PropertySpec

Are sub-views in a composition operator centred relative to their respective rows and columns?

See also center.

Since: 0.4.0.0

bounds :: Bounds -> PropertySpec

Bounds calculation method to use for determining the extent of a sub-plot in a composed view.

Since: 0.4.0.0

data Bounds

This is used with bounds to define the extent of a sub plot.

Since: 0.4.0.0

Constructors

Full

Bounds calculation should use the entire plot area (including axes, title, and legend).

Flush

Bounds calculation should take only the specified width and height values for a sub-view. Useful when attempting to place sub-plots without axes or legends into a uniform grid structure.

data CompositionAlignment

Specifies the alignment of compositions. It is used with: align, alignRC, LeGridAlign, and LGridAlign.

Since: 0.4.0.0

Constructors

CANone

Flow layout is used, where adjacent subviews are placed one after another.

CAEach

Each row and column may be of a variable size.

CAAll

All the rows and columns are of the same size (this is based on the maximum subview size).

Resolution

Control the independence between composed views.

See the Vega-Lite resolve documentation.

resolve

Arguments

:: [ResolveSpec]

The arguments created by resolution.

Prior to 0.5.0.0 this argument was [LabelledSpec].

-> PropertySpec

Determine whether scales, axes or legends in composite views should share channel encodings. This allows, for example, two different color encodings to be created in a layered view, which otherwise by default would share color channels between layers. Each resolution rule should be in a tuple pairing the channel to which it applies and the rule type.

let res = resolve
            . resolution (RLegend [(ChColor, Independent)])

in toVegaLite
    [ dataFromUrl "data/movies.json" []
    , vConcat [heatSpec, barSpec]
    , res []
    ]

For more information see the Vega-Lite documentation.

let dvals = dataFromColumns []
              . dataColumn "x" (Numbers [1, 2, 3, 4, 5])
              . dataColumn "a" (Numbers [28, 91, 43, 55, 81])
              . dataColumn "b" (Numbers [17, 22, 28, 30, 40])
    encBar = encoding
               . position X [PName "x", PmType Quantitative]
               . position Y [PName "a", PmType Quantitative]
    specBar = asSpec [mark Bar [], encBar []]
    encLine = encoding
                . position X [PName "x", PmType Quantitative]
                . position Y [PName "b", PmType Quantitative]
    specLine = asSpec [mark Line [MColor "firebrick"], encLine []]
    res = resolve
            . resolution (RScale [(ChY, Independent)])

in toVegaLite [dvals [], res [], layer [specBar, specLine]]

resolution

Arguments

:: Resolve

-> BuildResolveSpecs

Prior to 0.5.0.0 this was BuildLabelledSpecs.

Define a single resolution option to be applied when scales, axes or legends in composite views share channel encodings. This allows, for example, two different color encodings to be created in a layered view, which otherwise by default would share color channels between layers. Each resolution rule should be in a tuple pairing the channel to which it applies and the rule type.

resolve
    . resolution (RScale [ ( ChY, Independent ) ])

data Resolve

Used to determine how a channel's axis, scale or legend domains should be resolved if defined in more than one view in a composite visualization. See the Vega-Lite documentation for details.

Constructors

RAxis [(Channel, Resolution)]

RLegend [(Channel, Resolution)]

RScale [(Channel, Resolution)]

data Channel

Indicates a channel type to be used in a resolution specification.

Constructors

ChX

ChY

ChX2

ChY2

ChLongitude

Since: 0.4.0.0

ChLongitude2

Since: 0.4.0.0

ChLatitude

Since: 0.4.0.0

ChLatitude2

Since: 0.4.0.0

ChColor

ChFill

Since: 0.3.0.0

ChFillOpacity

Since: 0.4.0.0

ChHref

Since: 0.4.0.0

ChKey

Since: 0.4.0.0

ChStroke

Since: 0.3.0.0

ChStrokeOpacity

Since: 0.4.0.0

ChStrokeWidth

Since: 0.4.0.0

ChOpacity

ChShape

ChSize

ChText

Since: 0.4.0.0

ChTooltip

Since: 0.4.0.0

data Resolution

Indicates whether or not a scale domain should be independent of others in a composite visualization. See the Vega-Lite documentation for details.

For use with Resolve.

Constructors

Shared

Independent

Faceted views

These are small multiples each of which show subsets of the same dataset. The specification determines which field should be used to determine subsets along with their spatial arrangement (in rows or columns). For details see the Vega-Lite documentation.

repeat :: [RepeatFields] -> PropertySpec

Define the fields that will be used to compose rows and columns of a set of small multiples. This is used where the encoding of the visualization in small multiples is largely identical, but the data field used in each might vary. When a list of fields is identified with repeat you also need to define a full specification to apply to each of those fields using asSpec.

Unlike faceting, which creates multiple charts based on different values of a single field, repeating uses a different field for each chart.

See the Vega-Lite documentation for further details.

toVegaLite
    [ repeat [ColumnFields ["Cat", "Dog", "Fish"]]
    , specification (asSpec spec)
    ]

See also repeatFlow.

repeatFlow :: [FieldName] -> PropertySpec

Define the fields that will be used to compose a flow layout of a set of small multiples. Used when the encoding is largely identical, but the data field used in each might vary. When a list of fields is identified with repeatFlow you also need to define a full specification to apply to each of those fields using asSpec.

Small multiples will be laid out from left to right, moving on to new rows only if the number of plots exceeds an optional column limit (specified via columns).

toVegaLite
    [ repeatFlow [ "Cat", "Dog", "Fish" ]
    , specification (asSpec spec)
    ]

See also repeat.

Since: 0.4.0.0

data RepeatFields

Create a list of fields to use in set of repeated small multiples. The list of fields named here can be referenced in an encoding with PRepeat Column or PRepeat Row.

Constructors

RowFields [FieldName]

ColumnFields [FieldName]

facet :: [FacetMapping] -> PropertySpec

Defines the fields that will be used to facet a view in rows or columns to create a set of small multiples. This is used where the encoding of the visualization in small multiples is identical, but data for each is grouped by the given fields. When creating a faceted view in this way you also need to define a full specification to apply to each of those facets using asSpec.

See the Vega-Lite documentation for further details.

toVegaLite
    [ facet [ RowBy [ FName "Month", FmType Ordinal ]
            , ColumnBy [ FName "Week", FmType Ordinal ]
            ]
    , specification spec
    ]

See also facetFlow.

facetFlow :: [FacetChannel] -> PropertySpec

Facet a view to create small multiples in a flow layout. Used when the encoding of the visualization in small multiples is identical, but data for each is grouped by the given fields. When creating a faceted view in this way you also need to define a full specification to apply to each of those facets using asSpec.

Small multiples will be laid out from left to right, moving on to new rows only if the number of plots exceeds an optional column limit (specified via columns).

toVegaLite
    [ facetFlow [ FName "Origin", FmType Nominal ]
    , specification spec
    ]

See also facet.

Since: 0.4.0.0

data FacetMapping

Provides details of the mapping between a row or column and its field definitions in a set of faceted small multiples. For details see the Vega-Lite documentation.

Constructors

ColumnBy [FacetChannel]

RowBy [FacetChannel]

data FacetChannel

Types of facet channel property used for creating a composed facet view of small multiples.

Constructors

FName FieldName

The name of the field from which to pull a data value.

FmType Measurement

The encoded field's type of measurement.

FAggregate Operation

Aggregation function for the field.

FBin [BinProperty]

Describe how to bin quantitative fields, or whether the channels are already binned.

FHeader [HeaderProperty]

The properties of a facet's header.

FSort [SortProperty]

Sort order for the encoded field.

Since: 0.4.0.0

FTimeUnit TimeUnit

The time-unit for a temporal field.

FTitle Text

The title for the field.

Since: 0.4.0.0

FNoTitle

Draw no title.

Since: 0.4.0.0

asSpec :: [PropertySpec] -> VLSpec

Create a specification sufficient to define an element in a composed visualization such as a superposed layer or juxtaposed facet. Typically a layer will contain a full set of specifications that define a visualization with the exception of the data specification which is usually defined outside of any one layer. Whereas for repeated and faceted specs, the entire specification is provided.

spec1 = asSpec [ enc1 [], mark Line [] ]

specification :: VLSpec -> PropertySpec

Defines a specification object for use with faceted and repeated small multiples.

toVegaLite
    [ facet [ RowBy [ FName "Origin", FmType Nominal ] ]
    , specification spec
    ]

data Arrangement

Identifies how repeated or faceted views are arranged.

This is used with a number of constructors: ByRepeatOp, HRepeat, MRepeat, ORepeat, PRepeat, and TRepeat.

Constructors

Column

Column arrangement.

Row

Row arrangement.

Flow

Flow arrangement (aka "repeat").

Since: 0.4.0.0

Facet Headers

See the Vega-Lite header documentation.

data HeaderProperty

Represents a facet header property. For details, see the Vega-Lite documentation.

Labels refer to the title of each sub-plot in a faceted view and title is the overall title of the collection.

Constructors

HFormat Text

Formatting pattern for facet header (title) values. To distinguish between formatting as numeric values and data/time values, additionally use HFormatAsNum or HFormatAsTemporal.

HFormatAsNum

Facet headers should be formatted as numbers. Use a d3 numeric format string with HFormat.

Since: 0.4.0.0

HFormatAsTemporal

Facet headers should be formatted as dates or times. Use a d3 date/time format string with HFormat.

Since: 0.4.0.0

HTitle Text

The title for the facets.

HNoTitle

Draw no title for the facets.

Since: 0.4.0.0

HLabelAlign HAlign

The horizontal alignment of the labels.

Since: 0.4.0.0

HLabelAnchor APosition

The anchor position for the labels.

Since: 0.4.0.0

HLabelAngle Angle

The angle to draw the labels.

Since: 0.4.0.0

HLabelColor Color

The color of the labels.

Since: 0.4.0.0

HLabelFont Text

The font for the labels.

Since: 0.4.0.0

HLabelFontSize Double

The font size for the labels.

Since: 0.4.0.0

HLabelLimit Double

The maximum length of each label.

Since: 0.4.0.0

HLabelOrient Side

The position of the label relative to its sub-plot.

Since: 0.4.0.0

HLabelPadding Double

The spacing in pixels between the label and its sub-plot.

Since: 0.4.0.0

HTitleAlign HAlign

The horizontal alignment of the title.

Since: 0.4.0.0

HTitleAnchor APosition

The anchor position for the title.

Since: 0.4.0.0

HTitleAngle Angle

The angle to draw the title.

Since: 0.4.0.0

HTitleBaseline VAlign

The vertical alignment of the title.

Since: 0.4.0.0

HTitleColor Color

The color of the title.

Since: 0.4.0.0

HTitleFont Text

The font for the title.

Since: 0.4.0.0

HTitleFontSize Double

The font size for the title.

Since: 0.4.0.0

HTitleFontWeight Text

The font weight for the title.

Since: 0.4.0.0

HTitleLimit Double

The maximum length of the title.

Since: 0.4.0.0

HTitleOrient Side

The position of the title relative to the sub-plots.

Since: 0.4.0.0

HTitlePadding Double

The spacing in pixels between the title and the labels.

Since: 0.4.0.0

Creating Selections for Interaction

Selections are the way in which interactions (such as clicking or dragging) can be responded to in a visualization. They transform interactions into data queries. For details, see the Vega-Lite documentation.

selection

Arguments

:: [SelectSpec]

The arguments created by select.

Prior to 0.5.0.0 this argument was [LabelledSpec].

-> PropertySpec

Create a full selection specification from a list of selections. For details see the Vega-Lite documentation.

sel =
   selection
       . select "view" Interval [BindScales] []
       . select "myBrush" Interval []
       . select "myPaintbrush" Multi [On "mouseover", Nearest True]

select

Arguments

:: SelectionLabel

The name given to the selection.

-> Selection

The type of the selection.

-> [SelectionProperty]

What options are applied to the selection.

-> BuildSelectSpecs

Prior to 0.5.0.0 this was BuildLabelledSpecs.

Create a single named selection that may be applied to a data query or transformation.

sel =
    selection
        . select "view" Interval [ BindScales ] []
        . select "myBrush" Interval []
        . select "myPaintbrush" Multi [ On "mouseover", Nearest True ]

data Selection

Indicates the type of selection to be generated by the user.

Constructors

Single

Allows one mark at a time to be selected.

Multi

Allows multiple items to be selected (e.g. with shift-click).

Interval

Allows a bounding rectangle to be dragged by the user, selecting all items which intersect it.

data SelectionProperty

Properties for customising the nature of the selection. See the Vega-Lite documentation for details.

For use with select and SelectionStyle.

Constructors

Empty

Make a selection empty by default when nothing selected.

BindScales

Enable two-way binding between a selection and the scales used in the same view. This is commonly used for zooming and panning by binding selection to position scaling:

sel = selection . select "mySelection" Interval [BindScales]

BindLegend BindLegendProperty

Enable binding between a legend selection and the item it references. This is only applicable to categorical (symbol) legends.

The following will allow the "crimeType" legend to be selected:

  select "mySelection" Single [ BindLegend (BLField "crimeType") ]
  

Use On to make a two-way binding (that is, selecting the legend or the symbol type will highlight the other):

  select "sel" Multi [ On "click"
                     , BindLegend (BLFieldEvent "crimeType" "dblclick")
                     ]
  

Since: 0.5.0.0

On Text

Vega event stream selector that triggers a selection, or the empty string (which sets the property to false).

Clear Text

Vega event stream selector that can clear a selection. For example, to allow a zoomed/panned view to be reset on shift-click:

selection
    . select "myZoomPan"
        Interval
        [BindScales, Clear "click[event.shiftKey]"]

To remove the default clearing behaviour of a selection, provide an empty string rather than an event stream selector.

Since: 0.4.0.0

Translate Text

Translation selection transformation used for panning a view. See the Vega-Lite translate documentation.

Zoom Text

Zooming selection transformation used for zooming a view. See the Vega-Lite zoom documentation.

Fields [FieldName]

Field names for projecting a selection.

Encodings [Channel]

Encoding channels that form a named selection.

For example, to project a selection across all items that share the same value in the color channel:

sel = selection . select "mySelection" Multi [Encodings [ChColor]]

SInit [(FieldName, DataValue)]

Initialise one or more selections with values from bound fields. See also SInitInterval.

For example,

  selection
      . select "CylYr"
          Single
          [ Fields ["Cylinders", "Year"]
          , SInit
              [ ("Cylinders", Number 4)
              , ("Year", Number 1977)
              ]
          , Bind
              [ IRange "Cylinders" [InMin 3, InMax 8, InStep 1]
              , IRange "Year" [InMin 1969, InMax 1981, InStep 1]
              ]
          ]
  

Since: 0.4.0.0

SInitInterval (Maybe (DataValue, DataValue)) (Maybe (DataValue, DataValue))

Initialize the domain extent of an interval selection. See also SInit.

The parameters refer to the x and y axes, given in the order (minimum, maximum) for each axis. If an axis is set to Nothing then the selection is projected over that dimension. At least one of the two arguments should be set (i.e. not Nothing).

  select "mySelection"
         Interval
         [ SInitInterval
             (Just ( DateTime [DTYear 2013]
                   , DateTime [DTYear 2015]
                   )
             (Just (Number 40, Number 80))
         ]
  

Since: 0.4.0.0

ResolveSelections SelectionResolution

Strategy that determines how selections' data queries are resolved when applied in a filter transform, conditional encoding rule, or scale domain.

SelectionMark [SelectionMarkProperty]

Appearance of an interval selection mark (dragged rectangle).

Bind [Binding]

Binding to some input elements as part of a named selection.

The followig example allows a selection to be based on a drop-down list of options:

  sel = selection
          . select "mySelection"
              Single
              [Fields ["crimeType"]
              , Bind [ISelect "crimeType"
                        [InOptions
                           [ "Anti-social behaviour"
                           , "Criminal damage and arson"
                           , "Drugs"
                           , "Robbery"
                           , "Vehicle crime"
                           ]
                        ]
                     ]
              ]
  

Nearest Bool

Whether or not a selection should capture nearest marks to a pointer rather than an exact position match.

Toggle Text

Predicate expression that determines a toggled selection. See the Vega-Lite toggle documentation.

data Binding

Describes the binding property of a selection based on some HTML input element such as a checkbox or radio button. For details see the Vega-Lite documentation and the Vega input binding documentation.

Constructors

IRange Text [InputProperty]

Range slider input element that can bound to a named field value.

ICheckbox Text [InputProperty]

Checkbox input element that can bound to a named field value.

IRadio Text [InputProperty]

Radio box input element that can bound to a named field value.

ISelect Text [InputProperty]

Select input element that can bound to a named field value.

IText Text [InputProperty]

Text input element that can bound to a named field value.

INumber Text [InputProperty]

Number input element that can bound to a named field value.

IDate Text [InputProperty]

Date input element that can bound to a named field value.

ITime Text [InputProperty]

Time input element that can bound to a named field value.

IMonth Text [InputProperty]

Month input element that can bound to a named field value.

IWeek Text [InputProperty]

Week input element that can bound to a named field value.

IDateTimeLocal Text [InputProperty]

Local time input element that can bound to a named field value.

ITel Text [InputProperty]

Telephone number input element that can bound to a named field value.

IColor Text [InputProperty]

Color input element that can bound to a named field value.

data BindLegendProperty

Control the interactivity of the legend. This is used with BindLegend.

Since: 0.5.0.0

Constructors

BLField FieldName

The data field which should be made interactive in the legend on a single click.

BLChannel Channel

Which channel should be made interactive in a legend on a single click.

BLFieldEvent FieldName Text

The data field which should be made interactive in the legend and the Vega event stream that should trigger the selection.

BLChannelEvent Channel Text

Which channel should be made interactive in a legend and the Vega event stream that should trigger the selection.

data InputProperty

GUI Input properties. The type of relevant property will depend on the type of input element selected. For example an InRange (slider) can have numeric min, max and step values; InSelect (selector) has a list of selection label options. For details see the Vega input element binding documentation.

Constructors

Debounce Double

The delay to introduce when processing input events to avoid unnescessary event broadcasting.

Element Text

CSS selector indicating the parent element to which an input element should be added. This allows for interacting with elements outside the visualization container.

InOptions [Text]

The options for a radio or select input element.

InMin Double

The minimum slider value for a range input element.

InMax Double

The maximum slider value for a range input element.

InName Text

Custom label for a radio or select input element.

InStep Double

The minimum increment for a range sliders.

InPlaceholder Text

The initial text for input elements such as text fields.

data SelectionMarkProperty

Properties for customising the appearance of an interval selection mark (a dragged rectangle). For details see the Vega-Lite documentation.

Constructors

SMFill Color

Fill color.

SMFillOpacity Opacity

Fill opacity.

SMStroke Color

The stroke color.

SMStrokeOpacity Opacity

The stroke opacity.

SMStrokeWidth Double

The line width of the stroke.

SMStrokeDash DashStyle

The dash pattern for the stroke.

SMStrokeDashOffset DashOffset

The offset at which to start the dash pattern.

Selection Resolution

Determines how selections are made across multiple views. See the Vega-lite resolve selection documentation.

data SelectionResolution

Determines how selections in faceted or repeated views are resolved. See the Vega-Lite documentation for details.

For use with ResolveSelections.

Constructors

Global

One selection available across all subviews (default).

Union

Each subview contains its own brush and marks are selected if they lie within any of these individual selections.

Intersection

Each subview contains its own brush and marks are selected if they lie within all of these individual selections.

Making conditional channel encodings

To make channel encoding conditional on the result of some interaction, use MSelectionCondition, TSelectionCondition, or HSelectionCondition. Similarly MDataCondition, TDataCondition, or HDataCondition will encode a mark conditionally depending on some data properties such as whether a datum is null or an outlier.

For interaction, once a selection has been defined and named, supplying a set of encodings allow mark encodings to become dependent on that selection. MSelectionCondition is followed firstly a (Boolean) selection and then an encoding if that selection is true and another encoding to be applied if it is false. The color specification below states "whenever data marks are selected with an interval mouse drag, encode the cylinder field with an ordinal color scheme, otherwise make them grey":

sel = selection . select "myBrush" Interval []

enc = encoding
        . position X [ PName "Horsepower", PmType Quantitative ]
        . position Y [ PName "Miles_per_Gallon", PmType Quantitative ]
        . color
            [ MSelectionCondition (SelectionName "myBrush")
                [ MName "Cylinders", MmType Ordinal ]
                [ MString "grey" ]
            ]

In a similar way, MDataCondition will encode a mark depending on whether any predicate tests are satisfied. Unlike selections, multiple conditions and associated encodings can be specified. Each test condition is evaluated in order and only on failure of the test does encoding proceed to the next test. If no tests are true, the encoding in the final parameter is applied in a similar way to case of expressions:

enc = encoding
        . position X [ PName "value", PmType Quantitative ]
          . color
              [ MDataCondition
                   [ ( Expr "datum.value < 40", [ MString "blue" ] )
                   , ( Expr "datum.value < 50", [ MString "red" ] )
                   , ( Expr "datum.value < 60", [ MString "yellow" ] )
                   ]
                   [ MString "black" ]
              ]

For more details, see the Vega-Lite documentation.

data BooleanOp

Used for creating logical compositions. For example

color
    [ MSelectionCondition (Or (SelectionName "alex") (SelectionName "morgan"))
        [MAggregate Count, MName "*", MmType Quantitative]
        [MString "gray"]
    ]

Logical compositions can be nested to any level as shown in this example

Not (And (Expr "datum.IMDB_Rating === null") (Expr "datum.Rotten_Tomatoes_Rating === null") )

Constructors

Expr VegaExpr

Expression that should evaluate to either true or false.

FilterOp Filter

Convert a Filter into a BooleanOp so that it may be used as part of a more complex expression.

For example (using & to apply FilterOp to a filter):

  trans = transform
            . filter (FCompose
                       (And
                         (FValid IMDB_Rating & FilterOp)
                         (FValid Rotten_Tomatoes_Rating & FilterOp)
                       )
                     )
  

Since: 0.4.0.0

FilterOpTrans MarkChannel Filter

Combine a data-transformation operation with a filter before converting into a boolean operation. This can be useful when working with dates, such as the following exampe, which aggregates a set of dates into years, and filters only those years between 2010 and 2017 (inclusive). The final expression is converted back into a BooleanOp with FCompose (combined using &).

  filter (FRange "date" (DateRange [DTYear 2010] [DTYear 2017])
          & FilterOpTrans (MTimeUnit Year)
          & FCompose
          )
  

Since: 0.4.0.0

Selection SelectionLabel

Interactive selection that will be true or false as part of a logical composition. For example: to filter a dataset so that only items selected interactively and that have a weight of more than 30:

transform
   . filter (FCompose (And (Selection "brush") (Expr "datum.weight > 30")))

SelectionName SelectionLabel

Name a selection that is used as part of a conditional encoding.

color
   [ MSelectionCondition (SelectionName "myBrush")
       [MName "myField", MmType Nominal]
       [MString "grey"]
   ]

And BooleanOp BooleanOp

Apply an 'and' Boolean operation as part of a logical composition.

And (Expr "datum.IMDB_Rating === null") (Expr "datum.Rotten_Tomatoes_Rating === null")

Or BooleanOp BooleanOp

Apply an 'or' Boolean operation as part of a logical composition.

Not BooleanOp

Negate the given expression.

Not (And (Expr "datum.IMDB_Rating === null") (Expr "datum.Rotten_Tomatoes_Rating === null"))

Top-level Settings

These are in addition to the data and transform options described above, and are described in the Vega-Lite top-level spec documentation.

name :: Text -> PropertySpec

Provides an optional name to be associated with the visualization.

toVegaLite
    [ name "PopGrowth"
    , dataFromUrl "data/population.json" []
    , mark Bar []
    , enc []
    ]

description :: Text -> PropertySpec

Provides an optional description to be associated with the visualization.

toVegaLite
    [ description "Population change of key regions since 1900"
    , dataFromUrl "data/population.json" []
    , mark Bar []
    , enc []
    ]

height :: Double -> PropertySpec

Overrides the default height of the visualization. If not specified the height will be calculated based on the content of the visualization. See autosize for customization of the content sizing relative to this setting, heightOfContainer for setting the height to that of the surrounding container, and heightStep for setting the height of discrete fields.

toVegaLite
    [ height 300
    , dataFromUrl "data/population.json" []
    , mark Bar []
    , enc []
    ]

heightOfContainer :: PropertySpec

Set the height of the view to that of the surrounding container, to allow for responsive sizing.

Please see the Vega Lite responsive sizing documentation for caveats and limitations.

Since: 0.5.0.0

heightStep :: Double -> PropertySpec

Set the height of the discrete y-field (e.g. individual bars in a horizontal bar chart). The total height is then calculated based on the number of discrete fields (e.g. bars).

toVegaLite
  [ heightStep 17
  , data []
  , enc []
  , mark Bar []
  ]

This replaces the use of SRangeStep from ScaleProperty.

Since: 0.5.0.0

width :: Double -> PropertySpec

Override the default width of the visualization. If not specified the width will be calculated based on the content of the visualization. See autosize for customization of the content sizing relative to this setting, widthOfContainer for setting the width to that of the surrounding container, and widthStep for setting the width of discrete fields.

toVegaLite
    [ width 500
    , dataFromUrl "data/population.json" []
    , mark Bar []
    , enc []
    ]

widthOfContainer :: PropertySpec

Set the width of the view to that of the surrounding container, to allow for responsive sizing.

Please see the Vega Lite responsive sizing documentation for caveats and limitations.

Since: 0.5.0.0

widthStep :: Double -> PropertySpec

Set the width of the discrete x-field (e.g. individual bars in a bar chart). The total width is then calculated based on the number of discrete fields (e.g. bars).

toVegaLite
  [ widthStep 17
  , data []
  , enc []
  , mark Bar []
  ]

This replaces the use of SRangeStep from ScaleProperty.

Since: 0.5.0.0

padding :: Padding -> PropertySpec

Set the padding around the visualization in pixel units. The way padding is interpreted will depend on the autosize properties. See the Vega-Lite documentation for details.

toVegaLite
    [ width 500
    , padding (PEdges 20 10 5 15)
    , dataFromUrl "data/population.json" []
    , mark Bar []
    , enc []
    ]

autosize :: [Autosize] -> PropertySpec

Declare the way the view is sized. See the Vega-Lite documentation for details.

toVegaLite
    [ width 250
    , height 300
    , autosize [ AFit, APadding, AResize ]
    , dataFromUrl "data/population.json" []
    , mark Bar []
    , enc []
    ]

background

Arguments

:: Color

The background color. For example, "rgba(0,0,0,0)" is transparent.

This was changed to use the Color type alias in version 0.5.0.0.

-> PropertySpec

Set the background color of the visualization. If not specified the background will be white.

toVegaLite
    [ background "rgb(251,247,238)"
    , dataFromUrl "data/population.json" []
    , mark Bar []
    , enc []
    ]

usermetadata

Arguments

:: Object

The metadata is passed around but ignored by VegaLite.

-> PropertySpec

Optional metadata.

Since: 0.4.0.0

data Padding

Specify the padding dimensions in pixel units.

Constructors

PSize Double

Use the same padding on all four edges of the container.

PEdges Double Double Double Double

Specify the padding for the left, top, right, and bottom edges.

data Autosize

Indicates the auto-sizing characteristics of the visualization such as amount of padding, whether it should fill the parent container etc. For more details see the Vega-Lite documentation.

Constructors

AContent

Interpret visualization dimensions to be for the data rectangle (external padding added to this size).

AFit

Interpret visualization dimensions to be for the entire visualization (data rectangle is shrunk to accommodate external decorations padding).

AFitX

Interpret visualization width to be for the entire visualization width (data rectangle width is shrunk to accommodate external decorations padding).

Since: 0.5.0.0

AFitY

Interpret visualization height to be for the entire visualization height (data rectangle height is shrunk to accommodate external decorations padding).

Since: 0.5.0.0

ANone

No autosizing is applied.

APad

Automatically expand size of visualization from the given dimensions in order to fit in all supplementary decorations (legends etc.).

APadding

Interpret visualization width to be for the entire visualization (data rectangle is shrunk to accommodate external padding).

AResize

Recalculate autosizing on every view update.

Title

Per-title settings. Use TitleStyle to change the appearance of all titles in a multi-view specification.

title

Arguments

:: Text

The title. Any '\n' characters are taken to mean a multi-line string and indicate a line break.

In version 0.5.0.0, support for line breaks was added.

-> [TitleConfig]

Configure the appearance of the title.

Since: 0.4.0.0

-> PropertySpec

Provide an optional title to be displayed in the visualization.

toVegaLite
    [ title "Population Growth" [TColor "orange"]
    , dataFromUrl "data/population.json" []
    , mark Bar []
    , encoding ...
    ]

Prior to 0.4.0.0 there was no way to set the title options (other than using configuration with TitleStyle).

View Backgroud

The background of a single view in a view composition can be styled independently of other views. For more details see the Vega-Lite view background documentation.

viewBackground :: [ViewBackground] -> PropertySpec

The background style of a single view or layer in a view composition.

Since: 0.4.0.0

data ViewBackground

The properties for a single view or layer background.

Used with viewBackground and ViewBackgroundStyle.

Since: 0.4.0.0

Constructors

VBStyle [Text]

A list of named styles to apply. A named style can be specified via NamedStyle or NamedStyles. Later styles in the list will override earlier ones if there is a conflict in any of the mark properties.

VBCornerRadius Double

The radius in pixels of rounded corners.

VBFill (Maybe Color)

Fill color.

This was changed to use the Color type alias in version 0.5.0.0.

VBFillOpacity Opacity

Fill opacity.

VBOpacity Opacity

Overall opacity.

VBStroke (Maybe Color)

The stroke color for a line around the background. If Nothing then no line is drawn.

This was changed to use the Color type alias in version 0.5.0.0.

VBStrokeOpacity Opacity

The opacity of the line around the background, if drawn.

VBStrokeWidth Double

The width of the line around the background, if drawn.

VBStrokeCap StrokeCap

The cap line-ending for the line around the background, if drawn.

VBStrokeDash DashStyle

The dash pattern of the line around the background, if drawn.

VBStrokeDashOffset DashOffset

The offset of the dash pattern for the line around the background, if drawn.

VBStrokeJoin StrokeJoin

The line-joining style of the line around the background, if drawn.

VBStrokeMiterLimit Double

The mitre limit at which to bevel the line around the background, if drawn.

Style Setting

In version 0.5.0.0 the ConfigureSpec type was introduced to make it clear that only configuration should be used with configure.

configure

Arguments

:: [ConfigureSpec]

The configuration options, created with configuration.

Prior to version 0.5.0.0 this was [LabelledSpec].

-> PropertySpec

Create a single global configuration from a list of configuration specifications. Configurations are applied to all relevant items in the specification. See the Vega-Lite documentation for more details.

The following example would make axis lines (domain) 2 pixels wide, remove the border rectangle and require interactive selection of items to use a double-click:

config =
    configure
        . configuration (Axis [ DomainWidth 1 ])
        . configuration (View [ ViewStroke (Just "transparent") ])
        . configuration (SelectionStyle [ ( Single, [ On "dblclick" ] ) ])

configuration

Arguments

:: ConfigurationProperty

-> BuildConfigureSpecs

Prior to version 0.5.0.0 this was BuildLabelledSpecs.

Defines a single configuration option to be applied globally across the visualization. The first parameter identifies the type of configuration, the second a list of previous configurations to which this one may be added.

The result should be used with configure.

configuration (Axis [ DomainWidth 4 ]) []

data ConfigurationProperty

Type of configuration property to customise. See the Vega-Lite documentation for details.

Used by configuration.

In version 0.5.0.0:

• the RemoveInvalid constructor was removed, as the new MRemoveInvalid constructor for the MarkProperty type should be used instead (so configuration (RemoveInvalid b) changes to configuration (MarkStyle [MRemoveInvalid b]).
• the Stack constructor (which was called StackProperty prior to version 0.4.0.0) was removed.

Constructors

AreaStyle [MarkProperty]

The default appearance of area marks.

Autosize [Autosize]

The default sizing of visualizations.

Axis [AxisConfig]

The default appearance of axes.

AxisBand [AxisConfig]

The default appearance of axes with band scaling.

AxisBottom [AxisConfig]

The default appearance of the bottom-side axes.

AxisLeft [AxisConfig]

The default appearance of the left-side axes.

AxisRight [AxisConfig]

The default appearance of the right-side axes.

AxisTop [AxisConfig]

The default appearance of the top-side axes.

AxisX [AxisConfig]

The default appearance of the X axes.

AxisY [AxisConfig]

The default appearance of the Y axes.

Background Color

The default background color of visualizations.

This was changed to use the Color type alias in version 0.5.0.0.

BarStyle [MarkProperty]

The default appearance of bar marks.

CircleStyle [MarkProperty]

The default appearance of circle marks.

ConcatStyle [ConcatConfig]

The default appearance of concatenated layouts.

Since: 0.4.0.0

CountTitle Text

The default title style for count fields.

FacetStyle [FacetConfig]

The default appearance of facet layouts.

Since: 0.4.0.0

FieldTitle FieldTitleProperty

The default title-generation style for fields.

GeoshapeStyle [MarkProperty]

The default appearance of geoshape marks.

Since: 0.4.0.0

HeaderStyle [HeaderProperty]

The default appearance of facet headers.

Since: 0.4.0.0

Legend [LegendConfig]

The default appearance of legends.

LineStyle [MarkProperty]

The default appearance of line marks.

MarkStyle [MarkProperty]

The default mark appearance.

NamedStyle Text [MarkProperty]

The default appearance of a single named style.

NamedStyles [(Text, [MarkProperty])]

The default appearance of a list of named styles.

Since: 0.4.0.0

NumberFormat Text

The default number formatting for axis and text labels.

Padding Padding

The default padding in pixels from the edge of the of visualization to the data rectangle.

PointStyle [MarkProperty]

The default appearance of point marks.

Projection [ProjectionProperty]

The default style of map projections.

Range [RangeConfig]

The default range properties used when scaling.

RectStyle [MarkProperty]

The default appearance of rectangle marks.

RuleStyle [MarkProperty]

The default appearance of rule marks.

Scale [ScaleConfig]

The default properties used when scaling.

SelectionStyle [(Selection, [SelectionProperty])]

The default appearance of selection marks.

SquareStyle [MarkProperty]

the default appearance of square marks

TextStyle [MarkProperty]

The default appearance of text marks.

TickStyle [MarkProperty]

The default appearance of tick marks.

TimeFormat Text

The default time format for axis and legend labels.

TitleStyle [TitleConfig]

The default appearance of visualization titles.

TrailStyle [MarkProperty]

The default style of trail marks.

Since: 0.4.0.0

View [ViewConfig]

The default single view style.

Axis Configuration Options

See the Vega-Lite axis config documentation.

data AxisConfig

Axis configuration options for customising all axes. See the Vega-Lite documentation for more details.

This is used by ConfigurationProperty.

The TitleMaxLength constructor was removed in release 0.4.0.0. The TitleLimit constructor should be used instead.

In 0.5.0.0 the ShortTimeLabels constructor was removed.

Constructors

BandPosition Double

The default axis band position.

Domain Bool

Should the axis domain be displayed?

DomainColor Color

The axis domain color.

DomainDash DashStyle

The dash pattern of the domain.

Since: 0.4.0.0

DomainDashOffset DashOffset

The offset for the dash pattern.

Since: 0.4.0.0

DomainOpacity Opacity

The axis domain opacity.

Since: 0.4.0.0

DomainWidth Double

The width of the axis domain.

Grid Bool

Should an axis grid be displayed?

GridColor Color

The color for the grid.

GridDash DashStyle

The dash pattern of the grid.

GridDashOffset DashOffset

The offset for the dash pattern.

Since: 0.4.0.0

GridOpacity Opacity

The opacity of the grid.

GridWidth Double

The width of the grid lines.

Labels Bool

Should labels be added to an axis?

LabelAlign HAlign

The horizontal alignment for labels.

Since: 0.4.0.0

LabelAngle Angle

The angle at which to draw labels.

LabelBaseline VAlign

The vertical alignment for labels.

Since: 0.4.0.0

LabelNoBound

No boundary overlap check is applied to labels. This is the default behavior.

See also LabelBound and LabelBoundValue.

Since: 0.4.0.0

LabelBound

Labels are hidden if they exceed the axis range by more than 1 pixel.

See also LabelNoBound and LabelBoundValue.

Since: 0.4.0.0

LabelBoundValue Double

Labels are hidden if they exceed the axis range by more than the given number of pixels.

See also LabelNoBound and LabelBound.

Since: 0.4.0.0

LabelColor Color

The label color.

LabelNoFlush

The labels are not aligned flush to the scale. This is the default for non-continuous X scales.

See also LabelFlush and LabelFlushValue.

Since: 0.4.0.0

LabelFlush

The first and last axis labels are aligned flush to the scale range.

See also LabelNoFlush and LabelFlushValue.

Since: 0.4.0.0

LabelFlushValue Double

The labels are aligned flush, and the parameter determines the extra offset, in pixels, to apply to the first and last labels. This can help the labels better group (visually) with the corresponding axis ticks.

See also LabelNoFlush and LabelFlush.

Since: 0.4.0.0

LabelFlushOffset Double

The number of pixels to offset flush-adjusted labels.

Since: 0.4.0.0

LabelFont Text

The font for the label.

LabelFontSize Double

The font size of the label.

LabelFontStyle Text

The font style of the label.

Since: 0.4.0.0

LabelFontWeight FontWeight

The font weight of the label.

Since: 0.4.0.0

LabelLimit Double

The maximum width of a label, in pixels.

LabelOpacity Opacity

The opacity of the label.

Since: 0.4.0.0

LabelOverlap OverlapStrategy

How should overlapping labels be displayed?

LabelPadding Double

The padding, in pixels, between the label and the axis.

LabelSeparation Double

The minimum separation, in pixels, between label bounding boxes for them to be considered non-overlapping. This is ignored if the LabelOverlap strategy is ONone.

Since: 0.4.0.0

MaxExtent Double

The maximum extent, in pixels, that axis ticks and labels should use. This determines a maxmium offset value for axis titles.

MinExtent Double

The minimum extent, in pixels, that axis ticks and labels should use. This determines a minmium offset value for axis titles.

NoTitle

Do not draw a title for this axis.

Since: 0.4.0.0

Orient Side

The orientation of the axis.

Since: 0.4.0.0

Ticks Bool

Should tick marks be drawn on an axis?

TickBand BandAlign

For band scales, indicates if ticks and grid lines should be placed at the center of a band (the default) or at the band extents to indicate intervals.

Since: 0.5.0.0

TickColor Color

The color of the ticks.

TickDash DashStyle

The dash pattern of the ticks.

TickDashOffset DashOffset

The offset for the dash pattern.

Since: 0.4.0.0

TickExtra Bool

Should an extra axis tick mark be added for the initial position of the axis?

Since: 0.4.0.0

TickOffset Double

The position offset, in pixels, to apply to ticks, labels, and grid lines.

Since: 0.4.0.0

TickOpacity Opacity

The opacity of the ticks.

Since: 0.4.0.0

TickRound Bool

Should pixel position values be rounded to the nearest integer?

TickSize Double

The size of the tick marks in pixels.

TickWidth Double

The width of the tick marks in pixels.

TitleAlign HAlign

The horizontal alignment of the axis title.

TitleAnchor APosition

The text anchor position for placing axis titles.

Since: 0.4.0.0

TitleAngle Angle

The angle of the axis title.

TitleBaseline VAlign

The vertical alignment of the axis title.

TitleColor Color

The color of the axis title.

TitleFont Text

The font for the axis title.

TitleFontSize Double

The font size of the axis title.

TitleFontStyle Text

The font style of the axis title.

Since: 0.4.0.0

TitleFontWeight FontWeight

The font weight of the axis title.

TitleLimit Double

The maximum allowed width of the axis title, in pixels.

TitleLineHeight Double

Line height, in pixels, for multi-line title text.

Since: 0.5.0.0

TitleOpacity Opacity

The opacity of the axis title.

Since: 0.4.0.0

TitlePadding Double

The padding, in pixels, between title and axis.

TitleX Double

The X coordinate of the axis title, relative to the axis group.

TitleY Double

The Y coordinate of the axis title, relative to the axis group.

TranslateOffset Double

The translation offset in pixels applied to the axis group mark x and y. If specified it overrides the default value of a 0.5 offset to pixel-align stroked lines.

Since: 0.5.0.0

Legend Configuration Options

data LegendConfig

Legend configuration options, set with the Legend constructor. For more detail see the Vega-Lite documentation.

This data type has seen significant changes in the 0.4.0.0 release:

• the EntryPadding, GradientHeight, GradientLabelBaseline, GradientWidth and SymbolColor constructors were removed;
• the constructors were removed;
• the remaining constructors that did not begin with Le were renamed (for example Orient was changed to LeOrient);
• and new constructors were added.

In 0.5.0.0 the LeShortTimeLabels constructor was removed.

Constructors

LeClipHeight Double

The height in pixels at which to clip symbol legend entries.

Since: 0.4.0.0

LeColumnPadding Double

The horizontal padding, in pixels, between symbol legend entries.

Since: 0.4.0.0

LeColumns Int

The number of columns in which to arrange symbol legend entries. A value of 0 or lower indicates a single row with one column per entry.

Since: 0.4.0.0

LeCornerRadius Double

The corner radius for the full legend.

LeFillColor Color

The background fill color for the full legend.

LeGradientDirection Orientation

The default direction for gradient legends.

Since: 0.4.0.0

LeGradientHorizontalMaxLength Double

The maximum legend length for a horizontal gradient.

Since: 0.4.0.0

LeGradientHorizontalMinLength Double

The minimum legend length for a horizontal gradient.

Since: 0.4.0.0

LeGradientLabelLimit Double

The maximum allowed length, in pixels, of color-ramp gradient labels.

LeGradientLabelOffset Double

The vertical offset in pixels for color-ramp gradient labels.

LeGradientLength Double

The length in pixels of the primary axis of a color gradient. See also LeGradientThickness.

Since: 0.4.0.0

LeGradientOpacity Opacity

The opacity of the color gradient.

Since: 0.4.0.0

LeGradientStrokeColor Color

The color of the gradient stroke.

LeGradientStrokeWidth Double

The width of the gradient stroke, in pixels.

LeGradientThickness Double

The thickness in pixels of the color gradient. See also LeGradientLength.

Since: 0.4.0.0

LeGradientVerticalMaxLength Double

The maximum legend length for a vertical gradient.

Since: 0.4.0.0

LeGradientVerticalMinLength Double

The minimum legend length for a vertical gradient.

Since: 0.4.0.0

LeGridAlign CompositionAlignment

The alignment to apply to symbol legends rows and columns.

Since: 0.4.0.0

LeLabelAlign HAlign

The alignment of the legend label.

LeLabelBaseline VAlign

The position of the baseline of the legend label.

LeLabelColor Color

The color of the legend label.

LeLabelFont Text

The font of the legend label.

LeLabelFontSize Double

The font of the legend label.

LeLabelFontStyle Text

The font style of the legend label.

Since: 0.4.0.0

LeLabelFontWeight FontWeight

The font weight of the legend label.

Since: 0.4.0.0

LeLabelLimit Double

The maxumum allowed pixel width of the legend label.

LeLabelOffset Double

The offset of the legend label.

LeLabelOpacity Opacity

The opacity of the legend label.

Since: 0.4.0.0

LeLabelOverlap OverlapStrategy

How to resolve overlap of labels in gradient legends.

Since: 0.4.0.0

LeLabelPadding Double

The passing in pixels between the legend and legend labels.

Since: 0.4.0.0

LeLabelSeparation Double

The minimum separation between label bounding boxes for them to be considered non-overlapping (ignored if ONone is the chosen overlap strategy).

Since: 0.4.0.0

LeLayout [LegendLayout]

Layout parameters for the legend orient group.

Since: 0.4.0.0

LeLeX Double

Custom x position for a legend with orientation LONone.

Since: 0.4.0.0

LeLeY Double

Custom y position for a legend with orientation LONone.

Since: 0.4.0.0

LeOffset Double

The offset in pixels between the legend and the data rectangle and axes.

LeOrient LegendOrientation

The orientation of the legend.

LePadding Double

The padding between the border and content of the legend group.

LeRowPadding Double

The vertical padding in pixels between symbol legend entries.

Since: 0.4.0.0

LeStrokeColor Color

The border stoke color for the full legend.

LeStrokeDash DashStyle

The border stroke dash pattern for the full legend.

LeStrokeWidth Double

The border stroke width for the full legend.

LeSymbolBaseFillColor Color

The fill color for legend symbols. This is only applied if there is no "fill" scale color encoding for the legend.

Since: 0.4.0.0

LeSymbolBaseStrokeColor Color

The stroke color for legend symbols. This is only applied if there is no "fill" scale color encoding for the legend.

Since: 0.4.0.0

LeSymbolDash DashStyle

The pattern for dashed symbol strokes.

Since: 0.4.0.0

LeSymbolDashOffset DashOffset

The offset at which to start drawing the symbol dash pattern.

Since: 0.4.0.0

LeSymbolDirection Orientation

The default direction for symbol legends.

Since: 0.4.0.0

LeSymbolFillColor Color

The color of the legend symbol.

Since: 0.4.0.0

LeSymbolOffset Double

The horizontal pixel offset for legend symbols.

Since: 0.4.0.0

LeSymbolOpacity Opacity

The opacity of the legend symbols.

Since: 0.4.0.0

LeSymbolSize Double

The size of the legend symbol, in pixels.

LeSymbolStrokeColor Color

The stroke color for legend symbols.

Since: 0.4.0.0

LeSymbolStrokeWidth Double

The width of the symbol's stroke.

LeSymbolType Symbol

The default shape type for legend symbols.

LeTitle Text

The legend title.

Since: 0.4.0.0

LeNoTitle

Draw no title for the legend.

Since: 0.4.0.0

LeTitleAlign HAlign

The horizontal text alignment for legend titles.

LeTitleAnchor APosition

The text anchor position for legend titles.

Since: 0.4.0.0

LeTitleBaseline VAlign

The vertical text alignment for legend titles.

LeTitleColor Color

The color of the legend title.

LeTitleFont Text

The font of the legend title.

LeTitleFontSize Double

The font size of the legend title.

LeTitleFontStyle Text

The font style for the legend title.

Since: 0.4.0.0

LeTitleFontWeight FontWeight

The font weight of the legend title.

LeTitleLimit Double

The maxmimum pixel width of the legend title.

LeTitleOpacity Opacity

The opacity of the legend title.

Since: 0.4.0.0

LeTitleOrient Side

The orientation of the legend title.

Since: 0.4.0.0

LeTitlePadding Double

The padding, in pixels, between title and legend.

data LegendLayout

Highly experimental and used with LeLayout.

Since: 0.4.0.0

Constructors

LeLAnchor APosition

The anchor point for legend orient group layout.

LeLBottom [BaseLegendLayout]

LeLBottomLeft [BaseLegendLayout]

LeLBottomRight [BaseLegendLayout]

LeLBounds Bounds

The bounds calculation to use for legend orient group layout.

LeLCenter Bool

A flag to center legends within a shared orient group.

LeLDirection Orientation

The layout firection for legend orient group layout.

LeLLeft [BaseLegendLayout]

LeLMargin Double

The margin, in pixels, between legends within an orient group.

LeLOffset Double

The offset, in pixels, from the chart body for a legend orient group.

LeLRight [BaseLegendLayout]

LeLTop [BaseLegendLayout]

LeLTopLeft [BaseLegendLayout]

LeLTopRight [BaseLegendLayout]

data BaseLegendLayout

Highly experimental and used with constructors from LegendLayout.

Since: 0.4.0.0

Constructors

BLeLAnchor APosition

The anchor point for legend orient group layout.

BLeLBounds Bounds

The bounds calculation to use for legend orient group layout.

BLeLCenter Bool

A flag to center legends within a shared orient group.

BLeLDirection Orientation

The layout direction for legend orient group layout.

BLeLMargin Double

The margin, in pixels, between legends within an orient group.

BLeLOffset Double

The offset, in pixels, from the chart body for a legend orient group.

Scale Configuration Options

See the Vega-Lite scale configuration documentation.

data ScaleConfig

Scale configuration property. These are used to configure all scales. For more details see the Vega-Lite documentation.

Version 0.5.0.0 removed the SCRangeStep and SCTextXRangeStep constructors. The new ViewStep constructor of ViewConfig should be used instead.

Constructors

SCBandPaddingInner Double

Default inner padding for x and y band-ordinal scales.

SCBandPaddingOuter Double

Default outer padding for x and y band-ordinal scales.

SCBarBandPaddingInner Double

Default inner padding for x and y band-ordinal scales of Bar marks.

Since: 0.4.0.0

SCBarBandPaddingOuter Double

Default outer padding for x and y band-ordinal scales of Bar marks.

Since: 0.4.0.0

SCRectBandPaddingInner Double

Default inner padding for x and y band-ordinal scales of Rect marks.

Since: 0.4.0.0

SCRectBandPaddingOuter Double

Default outer padding for x and y band-ordinal scales of Rect marks.

Since: 0.4.0.0

SCClamp Bool

Whether or not by default values that exceed the data domain are clamped to the min/max range value.

SCMaxBandSize Double

Default maximum value for mapping quantitative fields to a bar's size/bandSize.

SCMinBandSize Double

Default minimum value for mapping quantitative fields to a bar's size/bandSize.

SCMaxFontSize Double

Default maximum value for mapping a quantitative field to a text mark's size.

SCMinFontSize Double

Default minimum value for mapping a quantitative field to a text mark's size.

SCMaxOpacity Opacity

Default maximum opacity for mapping a field to opacity.

SCMinOpacity Opacity

Default minimum opacity for mapping a field to opacity.

SCMaxSize Double

Default maximum size for point-based scales.

SCMinSize Double

Default minimum size for point-based scales.

SCMaxStrokeWidth Double

Default maximum stroke width for rule, line and trail marks.

SCMinStrokeWidth Double

Default minimum stroke width for rule, line and trail marks.

SCPointPadding Double

Default padding for point-ordinal scales.

SCRound Bool

Are numeric values are rounded to integers when scaling? Useful for snapping to the pixel grid.

SCUseUnaggregatedDomain Bool

Whether or not to use the source data range before aggregation.

Scale Range Configuration Options

See the Vega-Lite scheme configuration documentation.

data RangeConfig

Properties for customising the colors of a range. The parameter should be a named color scheme such as "accent" or "purpleorange-11". For details see the Vega-Lite documentation.

Constructors

RCategory Text

RDiverging Text

RHeatmap Text

ROrdinal Text

RRamp Text

RSymbol Text

Title Configuration Options

Unlike title, these options apply to all titles if multiple views are created. See the Vega-Lite title configuration documentation.

data TitleConfig

Title configuration properties. These are used to configure the default style of all titles within a visualization with title or TitleStyle.

For further details see the Vega-Lite documentation.

Constructors

TAlign HAlign

The horizontal text alignment for title text.

Since: 0.5.0.0

TAnchor APosition

The anchor position when placing titles.

TAngle Angle

The angle when orientating titles.

TBaseline VAlign

The vertical alignment when placing titles.

TColor Color

The color of title text.

TdX Double

The offset, in pixels, for the x coordinate of title and subtitle text.

Since: 0.5.0.0

TdY Double

The offset, in pixels, for the x coordinate of title and subtitle text.

Since: 0.5.0.0

TFont Text

Default font when showing titles.

TFontSize Double

Default font size when showing titles.

TFontStyle Text

Defaylt font style when showing titles.

Since: 0.4.0.0

TFontWeight FontWeight

Default font weight when showing titles.

TFrame TitleFrame

Default title position anchor.

Since: 0.4.0.0

TLimit Double

The maximum length, in pixels, of title and subtitle text.

TLineHeight Double

Line height, in pixels, for multi-line title text.

Since: 0.5.0.0

TOffset Double

Default offset, in pixels, of titles relative to the chart body.

TOrient Side

Default placement of titles relative to the chart body.

TStyle [Text]

A list of named styles to apply. A named style can be specified via NamedStyle or NamedStyles. Later styles in the list will override earlier ones if there is a conflict in any of the properties.

Since: 0.4.0.0

TSubtitle Text

Subtitle text. This is placed below the title text. Use n to insert line breaks into the subtitle.

This should only be used with title and not TitleConfig.

Since: 0.5.0.0

TSubtitleColor Color

Subtitle color.

Since: 0.5.0.0

TSubtitleFont Text

Subtitle font.

Since: 0.5.0.0

TSubtitleFontSize Double

Subtitle font size, in pixels.

Since: 0.5.0.0

TSubtitleFontStyle Text

Subtitle font style.

Since: 0.5.0.0

TSubtitleFontWeight FontWeight

Subtitle font weight.

Since: 0.5.0.0

TSubtitleLineHeight Double

Subtitle line height, in pixels.

Since: 0.5.0.0

TSubtitlePadding Double

Padding, in pixels, between the title and Subtitle.

Since: 0.5.0.0

TZIndex ZIndex

Drawing order of a title relative to the other chart elements.

This should only be used with title and not TitleConfig.

Since: 0.4.0.0

data TitleFrame

Specifies how the title anchor is positioned relative to the frame.

Since: 0.4.0.0

Constructors

FrBounds

The position is relative to the full bounding box.

FrGroup

The pistion is relative to the group width / height.

View Configuration Options

See the Vega-Lite view configuration documentation.

data ViewConfig

View configuration property. These are used to configure the style of a single view within a visualization such as its size and default fill and stroke colors. For further details see the Vega-Lite documentation.

In version 0.5.0.0 the ViewWidth and ViewHeight constructors have been deprecated, and replaced by ViewContinuousWidth, ViewContinuousHeight, ViewDiscreteWidth, and ViewDiscreteHeight. The ViewBackgroundStyle constructor has been added.

This type has been changed in the 0.4.0.0 release to use a consistent naming scheme for the constructors (everything starts with View). Prior to this release only ViewWidth and ViewHeight were named this way. There are also five new constructors.

Constructors

ViewBackgroundStyle [ViewBackground]

The default single-view style.

Since: 0.5.0.0

ViewClip Bool

Should the view be clipped?

ViewContinuousWidth Double

The default width of single views when the visualization has a continuous x field.

Since: 0.5.0.0

ViewContinuousHeight Double

The default height of single views when the visualization has a continuous y field.

Since: 0.5.0.0

ViewCornerRadius Double

The radius, in pixels, of rounded rectangle corners.

The default is 0.

Since: 0.4.0.0

ViewDiscreteWidth Double

The default width of single views when the visualization has a discrete x field.

Since: 0.5.0.0

ViewDiscreteHeight Double

The default height of single views when the visualization has a discrete y field.

Since: 0.5.0.0

ViewFill (Maybe Color)

The fill color.

This was changed to use the Color type alias in version 0.5.0.0.

ViewFillOpacity Opacity

The fill opacity.

ViewOpacity Opacity

The overall opacity.

The default is 0.7 for non-aggregate plots with Point, Tick, Circle, or Square marks or layered Bar charts, and 1 otherwise.

Since: 0.4.0.0

ViewStep Double

Default step size for discrete fields.

This replaces SCRangeStep and SCTextXRangeStep from ScaleConfig.

Since: 0.5.0.0

ViewStroke (Maybe Color)

The stroke color.

This was changed to use the Color type alias in version 0.5.0.0.

ViewStrokeCap StrokeCap

The stroke cap for line-ending style.

Since: 0.4.0.0

ViewStrokeDash DashStyle

The stroke dash pattern.

ViewStrokeDashOffset DashOffset

The offset for the dash pattern.

ViewStrokeJoin StrokeJoin

The stroke line-join method.

Since: 0.4.0.0

ViewStrokeMiterLimit Double

The miter limit at which to bevel a line join.

Since: 0.4.0.0

ViewStrokeOpacity Opacity

The stroke opacity.

ViewStrokeWidth Double

The stroke width, in pixels.

ViewWidth Double

Deprecated: Please change ViewWidth to ViewContinuousWidth

As of version 0.5.0.0 this is deprecated and ViewContinuousWidth should be used instead.

ViewHeight Double

Deprecated: Please change ViewHeight to ViewContinuousHeight

As of version 0.5.0.0 this is deprecated and ViewContinuousHeight should be used instead.

data APosition

Indicates the anchor position for text.

Constructors

AStart

The start of the text.

AMiddle

The middle of the text.

AEnd

The end of the text.

data FieldTitleProperty

Indicates the style in which field names are displayed.

Constructors

Verbal

Creates "Sum of field", "Year of date", "field (binned)", etc.

Function

Creates "SUM(field)", "YEAR(date)", "BIN(field)", etc.

Plain

Just use the field name without any extra text.

Facet Configuration Options

See the Vega-Lite facet configuration documentation.

data FacetConfig

Configuration options for faceted views, used with FacetStyle.

See the Vega-Lite facet config documentation.

Since: 0.4.0.0

Constructors

FColumns Int

The maximum number of columns to use in a faceted-flow layout.

FSpacing Double

The spacing in pixels between sub-views in a faceted composition.

Concatenated View Configuration Options

See the Vega-Lite concat configuration documentation.

data ConcatConfig

Configuration options for concatenated views, used with ConcatStyle.

Since: 0.4.0.0

Constructors

ConcatColumns Int

The maximum number of columns to use in a concatenated flow layout.

ConcatSpacing Double

The spacing in pixels between sub-views in a concatenated view.

General Data types

In addition to more general data types like integers and string, the following types can carry data used in specifications.

data DataValue

A single data value. This is used when a function or constructor can accept values of different types (e.g. either a number or a string), such as: dataRow, geometry, many constructors of the Filter type, ImNewValue, and SInit.

Constructors

Boolean Bool

DateTime [DateTime]

Number Double

Str Text

NullValue

Create a JavaScript null value. This can be useful when explictly recoding a value as undefined, such as in the following example:

  dataFromRows []
    . dataRow [("x", Number 1), ("y", Str "good")]
    . dataRow [("x", Number 2), ("y", NullValue)]
    . dataRow [("x", Number 3), ("y", String "bad")]
  

For more-complex data sources - such as lists of defined and un-specified values, it is suggested that dataFromJson be used rather than dataFromRows or dataFromColumns.

Since: 0.4.0.0

data DataValues

A list of data values. This is used when a function or constructor can accept lists of different types (e.g. either a list of numbers or a list of strings), such as: dataColumn, CustomSort, FOneOf, or ImKeyVals.

If your data contains undefined values then it is suggested that you convert it to JSON (e.g. Value) and then use dataFromJson.

Constructors

Booleans [Bool]

DateTimes [[DateTime]]

Numbers [Double]

Strings [Text]

Temporal data

See the Vega-Lite dateTime documentation and the Vega-Lite time unit documentation.

data DateTime

Allows a date or time to be represented. This is typically part of a list of DateTime items to provide a specific point in time. For details see the Vega-Lite documentation.

There is no check that the provided Int values lie within the required bounds.

A DateTime value of DTDay or DTDayNum should not be combined with DTYear, DTQuarter, DTMonth, DTMonthNum, or DTDate.

Constructors

DTYear Int

DTQuarter Int

The quarter of the year (1 to 4, inclusive).

DTMonth MonthName

DTMonthNum Int

The month number (1 to 12, inclusive).

Since: 0.5.0.0

DTDate Int

Day of the month (1 to 31, inclusive).

DTDay DayName

DTDayNum Int

The day number (1 represents Monday, 7 is Sunday).

Since: 0.5.0.0

DTHours Int

Hour of the day, where 0 is midnight, 1 is 1am, and 23 is 11pm.

DTMinutes Int

The minute of an hour (0 to 59, inclusive).

DTSeconds Int

The second of a minute (0 to 59, inclusive).

DTMilliseconds Int

The milliseconds of a second (0 to 999, inclusive).

data MonthName

Identifies a month of the year.

Constructors

Jan

Feb

Mar

Apr

May

Jun

Jul

Aug

Sep

Oct

Nov

Dec

data DayName

Identifies the day of the week.

Constructors

Mon

Tue

Wed

Thu

Fri

Sat

Sun

data TimeUnit

Describes a unit of time. Useful for encoding and transformations. See the Vega-Lite documentation for further details.

encoding
    . position X [ PName "date", PmType Temporal, PTimeUnit (Utc YearMonthDateHours) ]

Constructors

Year

Year.

YearQuarter

Year and quarter.

YearQuarterMonth

Year, quarter, and month.

YearMonth

Year and month.

YearMonthDate

Year, month, and day of month.

YearMonthDateHours

Year, month, day of month, and hour of day.

YearMonthDateHoursMinutes

Year, month, day of month, hour of day, and minutes.

YearMonthDateHoursMinutesSeconds

Year, month, day of month, hour of day, minutes, and seconds.

Quarter

Quarter of the year.

QuarterMonth

Quarter of the year and month.

Month

Month of the year.

MonthDate

Month of the year and day of the month.

Date

Day of the month (1 to 31).

Day

Day of the week.

Hours

Hour of the day.

HoursMinutes

Hour of the day and minutes.

HoursMinutesSeconds

Hour of the day, minutes, and seconds.

Minutes

Minutes of the hour.

MinutesSeconds

Minutes of the hour and seconds.

Seconds

Seconds of the minute.

SecondsMilliseconds

Seconds of the minute and milliseconds.

Milliseconds

Milliseconds.

Utc TimeUnit

Encode a time as UTC (coordinated universal time, independent of local time zones or daylight saving).

Update notes

The following section describes how to update code that used an older version of hvega.

Version 0.5

The 0.5.0.0 release now creates specifications using version 4 of the Vega-Lite schema (version 0.4 of hvega used version 3). The toVegaLiteSchema function can be used along with the vlSchema3 to use version 3 for the output.

There is more-extensive use of type aliases, such as Color, and the introduction of several more (e.g. DashStyle and FieldName). These do not add any type safety, but help the documentation (as they provide a single place to explain the meaning and any constraints on a particular value). There are some changes that do improve type safety, discussed in the "Breaking changes" section below.

Documentation improvements, including a new section in the tutorial on choropleths contributed by Adam Conner-Sax, and plots using an Aitoff projection contributed by Jo Wood.

Changes in Vega-Lite 4:

• The background of a visualization is now white by default whereas in previous versions it was transparent. If you need a transparent background then add the following configuration to the visualization: configuration (Background "rgba(0,0,0,0)").
• Tooltips are now disabled by default. To enable, either use the tooltip channel or by setting MTooltip TTEncoding.
• Title (and subtitle) strings can now be split across multiple lines: use '\n' to indicate where line breaks should occur.

Note that the behavior of a Vega-Lite visualization seems to depend on both the version of the schema it is using, and the version of the visualization software used to display it (e.g. Vega-Embed).

New functionality:

This does not include new configuration options listed in the "new constructors" section below.

• Colors are now cleaned of extraneous whitespace and, if empty, converted to the JSON null value. This should not change the behavior of any existing visualization.
• The pivot transform has been added, along with the PivotProperty preferences type. This is the inverse of fold.
• The density transform has been added, along with the DensityProperty type, to support kernel density estimation (such as generating a continuous distribution from a discrete one).
• The loess transform has been added, along with the LoessProperty type, to support estimating a trend (scatterplot smoothing).
• The regression transform has been added, along with the RegressionProperty and RegressionMethod types, to support regression analysis.
• The quantile transform has been added, along with the QuantileProperty type, to support quantile analysis.
• The url encoding has been added for displaying images (via the new Image mark type.
• The lookupSelection transform has been added to support joining data via a selection. The SelectionLabel type alias has been added as a guide for the documentation.
• The heightOfContainer and widthOfContainer functions have been added to support responsive sizing, although I have not had much success in getting them to work!
• The tooltip encoding will now turn off tooltips if given an empty list (although note that tooltips are now off by default in Vega-Lite 4).

Breaking changes:

• The combineSpecs function has been removed.
• In an attempt to provide some type safety, the encoding, transform, resolve, selection, and configure functions now take specialised types - EncodingSpec, TransformSpec, ResolveSpec, SelectSpec, and ConfigureSpec respectively - rather than the generic LabelledSpec type. Simple visualizations should remain unchanged, but helper functions may need to have their type signatures updated.
• The lookup function now takes the new LookupFields type rather than a list of field names. The lookupAs function is deprecated, as its functionality is now possible with lookup.
• The RemoveInvalid constructor has been removed from ConfigurationProperty. To indicate how missing values should be handled use the new MRemoveInvalid constructor from MarkProperty instead. This means changing configuration (RemoveInvalid b) to configuration (MarkStyle [MRemoveInvalid b]).
• The Stack constructor has been removed from ConfigurationProperty.
• The SRangeStep constructor from ScaleProperty has been removed. The widthStep and heightStep functions should be used instead.
• The ViewWidth and ViewHeight constructors from ViewConfig have been replaced by ViewContinuousWidth, ViewContinuousHeight, ViewDiscreteWidth, and ViewDiscreteHeight constructors (actually, they remain but are now deprecated and the continuous-named versions should be used instead).
• The SCRangeStep and SCTextXRangeStep constructors of ScaleConfig have been removed. The new ViewStep constructor of ViewConfig should be used instead. That is, users should change configuration (ConfigurationProperty [SCRangeStep (Just x)]) to configuration (View [ViewStep x]).
• The ShortTimeLabels, LeShortTimeLabels, and MShortTImeLabels constructors have been removed from AxisConfig, LegendConfig, and MarkProperty respectively.

New constructors:

Note that some new constructors have been described in the "breaking changes" section above and so are not repeated here.

• AxisProperty has gained the AxDataCondition constructor for marking a subset of axis properties as being conditional on their position, and the ConditionalAxisProperty for defining which properties (grid, label, and tick) can be used in this way. It has also gained the AxLabelExpr constructor, which allows you to change the content of axis labels, AxTickBand for positioning the labels for band scales (and the associated BandAlign type), AxTitleLineHeight to specify the line height, and AxTranslateOffset for applying a translation offset to the axis group mark.
• AxisConfig has gained TickBand, TitleLineHeight, and TranslateOffset, matching the additions to AxisProperty.
• The ViewBackgroundStyle constructor has been added to ViewConfig.
• The TitleConfig type gained the following constructors: TAlign, TdX, TdY, TLineHeight, TSubtitle, TSubtitleColor, TSubtitleFont, TSubtitleFontSize, TSubtitleFontStyle, TSubtitleFontWeight, TSubtitleLineHeight, and TSubtitlePadding.
• The AFitX and AFitY constructors have been added to the Autosize type.
• The SelectionProperty type has gained the BindLegend constructor - and associated BindLegendProperty type - to allow selection of legend items (for categorical data only).
• The TextChannel type has gained TString, which lets you specify the text content as a literal.
• Two new projections - EqualEarth and NaturalEarth1 - have been added to the ConfigurationProperty type.
• Support for color gradients has been added for marks via the MColorGradient, MFillGradient, and MStrokeGradient constructors of MarkProperty, along with the new ColorGradient and GradientProperty types for defining the appearance of the gradient. The GradientCoord and GradientStops type aliases have also been added (although they provides no type safety).
• The Image constructor has been added to Mark, for use with the new url encoding, and MAspect to MarkProperty.
• The MCornerRadius constructor has been added to MarkProperty to set the corner radius of rectangular marks. If that's not enough, you can change individual corners with one of: MCornerRadiusTL, MCornerRadiusTR, MCornerRadiusBL, and MCornerRadiusBR.
• The MDir, MEllipsis, and MLimit constructors have been added to MarkProperty to control how text is truncated. The TextDirection type has been added for use with MDir.
• The MarkProperty type has gained MLineBreak and MLineHeight constructors for controlling how multi-line labels are displayed. Note that hvega will always split on the newline character (\n), which will over-ride the MLineBreak setting.
• The DTMonthNum and DTDayNum constructors have been added to DateTime.
• The BinProperty type has gained the SelectionExtent constructor, which defines the bin range as an interval selection.
• The PositionChannel type has gained PBand, for defining the size of a mark relative to a band, and MarkProperty has added MTimeUnitBand and MTimeUnitBandPosition.

Bug Fixes in this release:

• The selection property SInitInterval Nothing Nothing is now a no-op (as it does nothing), rather than generating invalid JSON.
• The following options or symbols generated incorrect JSON output: ONone, LSymbolStrokeWidth, LeLabelOpacity.

Version 0.4

The 0.4.0.0 release added a large number of functions, types, and constructors, including:

toVegaLiteSchema has been added to allow you to specify a different Vega-Lite schema. toVegaLite uses version 3 but version 4 is being worked on as I type this. The vlSchema function has been added, along with vlSchema4, vlSchema3, and vlSchema2 values. The toHtmlWith and toHtmlFileWith functions have been added to support more control over the embedding of the Vega-Lite visualizations, and the versions of the required Javascript libraries used by the toHtmlXXX routines has been updated.

The VLProperty type now exports its constructors, to support users who may need to tweak or augment the JSON Vega-Lite specification created by hvega: see issue 17. It has also gained several new constructors and associated functions, which are given in brackets after the constructor: VLAlign (align); VLBounds (bounds); VLCenter (center, centerRC); VLColumns (columns); VLConcat (vlConcat); VLSpacing (alignRC, spacing, spacingRC); VLUserMetadata (usermetadata); and VLViewBackground (viewBackground). It is expected that you will be using the functions rather the constructors!

Four new type aliases have been added: Angle, Color, Opacity, and ZIndex. These do not provide any new functionality but do document intent.

The noData function has been added to let compositions define the source of the data (whether it is from the parent or not), and data sources can be named with dataName. Data can be created with dataSequence, dataSequenceAs, and sphere. Graticules can be created with graticule. The NullValue type has been added to DataValue to support data sources that are missing elements, but for more-complex cases it is suggested that you create your data as an Aeson Value and then use dataFromJson. Support for data imputation (creating new values based on existing data) has been added, as discussed below.

The alignment, size, and composition of plots can be defined and changed with align, alignRC, bounds, center, centerRC, columns, spacing, and spacingRC.

Plots can be combined and arranged with: facet, facetFlow, repeat, repeatFlow, and vlConcat

New functions for use in a transform: flatten, flattenAs, fold, foldAs, impute, and stack.

New functions for use with encoding: fillOpacity, strokeOpacity, strokeWidth,

The ability to arrange specifications has added the "flow" option (aka "repeat"). This is seen in the addition of the Flow constructor to the Arrangement type - which is used with ByRepeatOp, HRepeat, MRepeat, ORepeat, PRepeat, and TRepeat.

The Mark type has gained Boxplot, ErrorBar, ErrorBand, and Trail constructors. The MarkProperty type has gained MBorders, MBox, MExtent, MHeight, MHRef, MLine, MMedian, MOrder, MOutliers, MNoOutliers, MPoint, MRule, MStrokeCap, MStrokeJoin, MStrokeMiterLimit, MTicks, MTooltip, MWidth, MX, MX2, MXOffset, MX2Offset, MY, MY2, MYOffset, and MY2Offset constructors.

The Position type has added XError, XError2, YError, and YError2 constructors.

The MarkErrorExtent type was added.

The BooleanOp type has gained the FilterOp and FilterOpTrans constructors which lets you use Filter expressions as part of a boolean operation. The Filter type has also gained expresiveness, with the FLessThan, FLessThanEq, FGreaterThan, FGreaterThanEq, and FValid.

The Format type has gained the DSV constructor, which allow you to specify the separator character for column data.

The MarkChannel type has been expanded to include: MBinned, MSort, MTitle, and MNoTitle. The PositionChannel type has added PHeight, PWidth, PNumber, PBinned, PImpute, PTitle, and PNoTitle constructors.

The LineMarker and PointMarker types have been added for use with MLine and MPoint respectively (both from MarkProperty).

The ability to define the binning property with binAs, DBin, FBin, HBin, MBin, OBin, PBin, and TBin has been expanded by adding the AlreadyBinned and BinAnchor constructors to BinProperty, as well as changing the Divide constructor (as described below).

The StrokeCap and StrokeJoin types has been added. These are used with MStrokeCap, VBStrokeCap, and ViewStrokeCap and MStrokeJoin, VBStrokeJoin, and ViewStrokeJoin respectively.

The StackProperty constructor has been added with the StOffset and StSort constructors. As discussed below this is a breaking change since the old StackProperty type has been renamed to StackOffset.

The ScaleProperty type has seen significant enhancement, by adding the constructors: SAlign, SBase, SBins, SConstant and SExponent. The ConfigurationProperty tye has added ScSymLog ScQuantile, ScQuantize, and ScThreshold.

The SortProperty type has new constructors: CustomSort, ByRepeatOp, ByFieldOp, and ByChannel. See the breaking-changes section below for the constructors that were removed.

The AxisProperty type has seen significant additions, including: AxBandPosition, AxDomainColor, AxDomainDash, AxDomainDashOffset, AxDomainOpacity, AxDomainWidth, AxFormatAsNum, AxFormatAsTemporal, AxGridColor, AxGridDash, AxGridDashOffset, AxGridOpacity, AxGridWidth, AxLabelAlign, AxLabelBaseline, AxLabelNoBound, AxLabelBound, AxLabelBoundValue, AxLabelColor, AxLabelNoFlush, AxLabelFlush, AxLabelFlushValue, AxLabelFlushOffset, AxLabelFont, AxLabelFontSize, AxLabelFontStyle, AxLabelFontWeight, AxLabelLimit, AxLabelOpacity, AxLabelSeparation, AxTickColor, AxTickDash, AxTickDashOffset, AxTickExtra, AxTickMinStep, AxTickOffset, AxTickOpacity, AxTickRound, AxTickWidth, AxNoTitle, AxTitleAnchor, AxTitleBaseline, AxTitleColor, AxTitleFont, AxTitleFontSize, AxTitleFontStyle, AxTitleFontWeight, AxTitleLimit, AxTitleOpacity, AxTitleX, and AxTitleY.

The AxisConfig has seen a similar enhancement, and looks similar to the above apart from the constructors do not start with Ax.

The LegendConfig type has been significantly expanded and, as discussed in the Breaking Changes section, changed. It has gained: LeClipHeight, LeColumnPadding, LeColumns, LeGradientDirection, LeGradientHorizontalMaxLength, LeGradientHorizontalMinLength, LeGradientLength, LeGradientOpacity, LeGradientThickness, LeGradientVerticalMaxLength, LeGradientVerticalMinLength, LeGridAlign, LeLabelFontStyle, LeLabelFontWeight, LeLabelOpacity, LeLabelOverlap, LeLabelPadding, LeLabelSeparation, LeLayout, LeLeX, LeLeY, LeRowPadding, LeSymbolBaseFillColor, LeSymbolBaseStrokeColor, LeSymbolDash, LeSymbolDashOffset, LeSymbolDirection, LeSymbolFillColor, LeSymbolOffset, LeSymbolOpacity, LeSymbolStrokeColor, LeTitle, LeNoTitle, LeTitleAnchor, LeTitleFontStyle, LeTitleOpacity, and LeTitleOrient.

The LegendOrientation type has gained LOTop and LOBottom.

The LegendLayout and BaseLegendLayout types are new, and used with LeLayout to define the legent orient group.

The LegendProperty type gained: LClipHeight, LColumnPadding, LColumns, LCornerRadius, LDirection, LFillColor, LFormatAsNum, LFormatAsTemporal, LGradientLength, LGradientOpacity, LGradientStrokeColor, LGradientStrokeWidth, LGradientThickness, LGridAlign, LLabelAlign, LLabelBaseline, LLabelColor, LLabelFont, LLabelFontSize, LLabelFontStyle, LLabelFontWeight, LLabelLimit, LLabelOffset, LLabelOpacity, LLabelOverlap, LLabelPadding, LLabelSeparation, LRowPadding, LStrokeColor, LSymbolDash, LSymbolDashOffset, LSymbolFillColor, LSymbolOffset, LSymbolOpacity, LSymbolSize, LSymbolStrokeColor, LSymbolStrokeWidth, LSymbolType, LTickMinStep, LNoTitle, LTitleAlign, LTitleAnchor, LTitleBaseline, LTitleColor, LTitleFont, LTitleFontSize, LTitleFontStyle, LTitleFontWeight, LTitleLimit, LTitleOpacity, LTitleOrient, LTitlePadding, LeX, and LeY.

ConfigurationProperty has gained the Identity constructor. The ProjectionProperty type has gained PrScale, PrTranslate, PrReflectX, and PrReflectY. The GraticuleProperty type was added to configure the appearance of graticules created with graticule.

The CompositionAlignment type was added and is used with align, alignRC, LeGridAlign, and LGridAlign.

The Bounds type was added for use with bounds.

The ImputeProperty and ImputeProperty types were added for use with impute and PImpute.

The ScaleConfig type has gained SCBarBandPaddingInner, SCBarBandPaddingOuter, SCRectBandPaddingInner, and SCRectBandPaddingOuter.

The SelectionProperty type has gained Clear, SInit, and SInitInterval.

The Channel type has gained: ChLongitude, ChLongitude2, ChLatitude, ChLatitude2, ChFill, ChFillOpacity, ChHref, ChKey, ChStroke, ChStrokeOpacity. ChStrokeWidth, ChText, and ChTooltip.

The TitleConfig type has gained: TFontStyle, TFrame, TStyle, and TZIndex.

The TitleFrame type is new and used with TFrame from TitleConfig.

The ViewBackground type is new and used with viewBackground.

The ViewConfig type has gained ViewCornerRadius, ViewOpacity, ViewStrokeCap, ViewStrokeJoin, and ViewStrokeMiterLimit.

The ConfigurationProperty type, used with configuration, has gained ConcatStyle, FacetStyle, GeoshapeStyle, HeaderStyle, NamedStyles, and TrailStyle constructors.

The ConcatConfig type was added for use with the ConcatStyle, and the FacetConfig type for the FacetStyle configuration settings.

The HeaderProperty type has gained: HFormatAsNum, HFormatAsTemporal, HNoTitle, HLabelAlign, HLabelAnchor, HLabelAngle, HLabelColor, HLabelFont, HLabelFontSize, HLabelLimit, HLabelOrient, HLabelPadding, HTitleAlign, HTitleAnchor, HTitleAngle, HTitleBaseline, HTitleColor, HTitleFont, HTitleFontSize, HTitleFontWeight, HTitleLimit, HTitleOrient, and HTitlePadding.

The HyperlinkChannel type has gained HBinned.

The FacetChannel type has gained FSort, FTitle, and FNoTitle.

The TextChannel type has gained TBinned, TFormatAsNum, TFormatAsTemporal, TTitle, and TNoTitle.

The TooltipContent type was added, for use with MTooltip.

The Symbol type has gained: SymArrow, SymStroke, SymTriangle, SymTriangleLeft, SymTriangleRight, and SymWedge.

There are a number of breaking changes in this release (some of which were mentioned above):

• The title function now takes a second argument, a list of TitleConfig values for configuring the appearance of the title.
• The SReverse constructor was removed from ScaleProperty as it represented a Vega, rather than Vega-Lite, property. The xSort constructors are used to change the order of an item (e.g. PSort, MSort).
• The ScSequential constructor was removed from ConfigurationProperty as ScLinear should be used.
• The SortProperty type has had a number of changes: the Op, ByField, and ByRepeat constructors have been removed, and ByRepeatOp, ByFieldOp, and ByChannel constructors have been added.
• The AxTitleMaxLength and TitleMaxLength constructors have been removed (from AxisProperty and AxisConfig respectively) as they are invalid. The AxTitleLimit (new in this release) and TitleLimit constructors should be used instead.
• AxisProperty: the AxValues constructor has been changed from accepting a list of doubles to DataValues. The AxDates constructor has been deprecated and AxValues should be used instead.
• There have been significant changes to the LegendConfig type: the EntryPadding, GradientHeight, GradientLabelBaseline, GradientWidth, and SymbolColor constructors have been removed; the renaming constructors have been renamed so they all begin with Le (e.g. Orient is now LeOrient, and Orient has been added to AxisConfig); and new constructors have been added.
• The StackProperty type has been renamed to StackOffset and its constructors have changed, and a new StackProperty type has been added (that references the StackOffset type).
• The Average constructor of Operation was removed, and Mean should be used instead.
• The LEntryPadding constructor of LegendProperty was removed.
• The arguments to the MDataCondition, TDataCondition, and HDataCondition constructors - of MarkChannel, TextChannel, and HyperlinkChannel respectively - have changed to support accepting multiple expressions.
• The MarkOrientation type has been renamed Orientation.
• The constructors of the ViewConfig type have been renamed so they all begin with View (to match ViewWidth and ViewHeight).
• The constructors of the ProjectionProperty type have been renamed so that they begin with Pr rather than P (to avoid conflicts with the PositionChannel type).
• The Divide constructor of BinProperty now takes a list of Doubles rather than two.
• The TitleConfig type has gained the following constructors: TFontStyle, TFrame, TStyle, and TZIndex. The TitleFrame type was added for use with TFrame.
• The ArgMax and ArgMin constructors of Operation now take an optional field name, to allow them to be used as part of an encoding aggregation (e.g. with PAggregate).
• The "z index" value has changed from an Int to the ZIndex type.
• The constructors for the Symbol type now all start with Sym, so Cross, Diamond, TriangleUp, TriangleDown, and Path have been renamed to SymCross, SymDiamond, SymTriangleUp, SymTriangleDown, and SymPath, respectively.
• The Legend type has been renamed LegendType and its constructors have been renamed GradientLegend and SymbolLegend.