This page contains a playground of mark types and a sample of their parameterization options. This can be useful when trying to understand the visual impacts of encoding mark instances.

Arc

x
100
y
100
startAngle
-0.73
endAngle
0.73
padAngle
0
innerRadius
0
outerRadius
50
strokeWidth
4

Area (Vertical)

defined
y2
200
tension
0
strokeWidth
2
strokeOpacity
1
fillOpacity
1

Area (Horizontal)

defined
x2
0
tension
0
strokeWidth
2
strokeOpacity
1
fillOpacity
1

Group

clip
x
25
y
25
width
150
height
150
cornerRadius
0
strokeWidth
4

Line

tension
0
strokeWidth
1
strokeOpacity
1

Path

TODO

Rect

x
50
y
50
width
75
height
75
cornerRadius
0
strokeWidth
4

Rule

x
50
y
50
x2
100
y2
100
strokeWidth
4

Symbol (using size)

This example uses the size attribute to describe the area of the symbol.

x
100
y
100
size
128
strokeWidth
1

Symbol (using width)

This example uses the width attribute of the symbol to describe its size.

x
100
y
100
width
10
strokeWidth
1

Text

x
100
y
100
dx
0
dy
0
angle
0
fontSize
18
limit
0
radius
0
theta
0