Tick

Edit this page
// Single View Specification
{
  "data": ... ,
  "mark": "tick",
  "encoding": ... ,
  ...
}

The tick mark represents each data point as a short line. This is a useful mark for displaying the distribution of values in a field.

Documentation Overview

Dot Plot

For example, the following dot plot uses tick marks to show the distribution of each car’s Horsepower.

Strip Plot

The following strip-plot use tick mark to represent its data.

Tick Config

// Top-level View Specification
{
  ...
  "config": {
    "tick": ...,
    ...
  }
}

The tick property of the top-level config object sets the default properties for all tick marks. If mark property encoding channels are specified for marks, these config values will be overridden.

Besides standard mark config properties, tick config can contain the following additional properties:

Property Type Description
bandSize Number

The width of the ticks.

Default value: 2/3 of rangeStep.

thickness Number

Thickness of the tick mark.

Default value: 1

Example Customizing Tick’s Size and Thickness