vega-lite-api

vl.concat(…concat)

Concatenate charts.

concat Method Overview

• align
• autosize
• background
• bounds
• center
• columns
• concat
• config
• data
• datasets
• description
• facet
• name
• padding
• params
• render
• repeat
• resolve
• spacing
• title
• toSpec
• toString
• toView
• transform
• usermeta

concat API Reference

# concat.align(value)

The alignment to apply to grid rows and columns. The supported string values are "all", "each", and "none".

• For "none", a flow layout will be used, in which adjacent subviews are simply placed one after the other.
• For "each", subviews will be aligned into a clean grid structure, but each row or column may be of variable size.
• For "all", subviews will be aligned and each row or column will be sized identically based on the maximum observed size. String values for this property will be applied to both grid rows and columns.

Alternatively, an object value of the form {"row": string, "column": string} can be used to supply different alignments for rows and columns.

Default value: "all".

# concat.autosize(value)

How the visualization size should be determined. If a string, should be one of "pad", "fit" or "none". Object values can additionally specify parameters for content sizing and automatic resizing.

Default value: pad

# concat.background(value)

CSS color property to use as the background of the entire view.

Default value: "white"

# concat.bounds(value)

The bounds calculation method to use for determining the extent of a sub-plot. One of full (the default) or flush.

• If set to full, the entire calculated bounds (including axes, title, and legend) will be used.
• If set to flush, only the specified width and height values for the sub-view will be used. The flush setting can be useful when attempting to place sub-plots without axes or legends into a uniform grid structure.

Default value: "full"

# concat.center(value)

Boolean flag indicating if subviews should be centered relative to their respective rows or columns.

An object value of the form {"row": boolean, "column": boolean} can be used to supply different centering values for rows and columns.

Default value: false

# concat.columns(value)

The number of columns to include in the view composition layout.

Default value: undefined – An infinite number of columns (a single row) will be assumed. This is equivalent to hconcat (for concat) and to using the column channel (for facet and repeat).

Note:

1) This property is only for:

• the general (wrappable) concat operator (not hconcat/vconcat)
• the facet and repeat operator with one field/repetition definition (without row/column nesting)

2) Setting the columns to 1 is equivalent to vconcat (for concat) and to using the row channel (for facet and repeat).

# concat.concat(…value)

A list of views to be concatenated.

# concat.config(value)

Vega-Lite configuration object. This property can only be defined at the top-level of a specification.

# concat.data(data)

The input data specification.

The behavior of this method depends on the argument type:

• If the argument is an Array, sets the data.values property.
• If the argument is an Iterable, sets the data.values property.
• If the argument is a String, sets the data.url property.
• Otherwise, sets the data property.

# concat.datasets(value)

A global data store for named datasets. This is a mapping from names to inline datasets. This can be an array of objects or primitive values or a string. Arrays of primitive values are ingested as objects with a data property.

# concat.description(value)

Description of this mark for commenting purpose.

# concat.facet(…values)

Facet a chart into sub-plots by partitioning data values.

# concat.name(value)

Name of the visualization for later reference.

# concat.padding(value)

The default visualization padding, in pixels, from the edge of the visualization canvas to the data rectangle. If a number, specifies padding for all sides. If an object, the value should have the format {"left": 5, "top": 5, "right": 5, "bottom": 5} to specify padding for each side of the visualization.

Default value: 5

# concat.params(…params)

An array of parameters that may be simple variables or more complex selections that map user input to data queries.

# concat.render(…values)

Compile and render the Vega-Lite visualization and return the DOM element containing the Vega View.

# concat.repeat(…values)

Repeat a chart template to generate multiple plots.

# concat.resolve(value)

Scale, axis, and legend resolutions for view composition specifications.

# concat.spacing(value)

The spacing in pixels between sub-views of the composition operator. An object of the form {"row": number, "column": number} can be used to set different spacing values for rows and columns.

Default value: Depends on "spacing" property of the view composition configuration (20 by default)

# concat.title(value)

Title for the plot.

# concat.toSpec(…values)

Return the Vega-Lite specification as a JavaScript object.

# concat.toString(…values)

Return the Vega-Lite specification as a JSON string.

# concat.toView(…values)

Compile the Vega-Lite specification and return the resulting Vega View object.

# concat.transform(…transform)

The data transformations to apply.

# concat.usermeta(value)

Optional metadata that will be passed to Vega. This object is completely ignored by Vega and Vega-Lite and can be used for custom metadata.

This site is open source. Improve this page.