Elm-Vega Fill and Stroke Tests

Default Chart

Default chart with only color specified.

Fill Encodings

Fill channel, but empty (should be hollow circles)
Ordinal fill
Red fill

Stroke Encodings

Stroke channel but empty (empty circles, default stroke color)
Ordinal stroke
Red stroke

Combined Fill and Stroke Encodings

Default fill and stroke (should be empty circles with default stroke color)
Ordinal stroke and red fill
Red stroke and ordinal fill

GeoJson with combined line and polygon features

Default with no separate fill and stroke results in treating line as polygon
Point and line features have no fill, polygons filled.

Gradients

Bars with vertical red-blue gradient
Area with horizontal red-blue gradient
Area with horizontal red-blue gradient. Should be identical to previous but gradient stops are specified in reverse order. Confirm with both Canvas and SVG renderers.

Rounded Bars

Rounded upper rectangle corners in a bar chart
Rounded right rectangle corners in a bar chart

Stroke Dash Encoding

Default stroke dash channel encoding.
As previous but with custom dashes.
Default nominal and ordinal stroke dash encoding.
Custom nominal and ordinal stroke dash encoding.
Dashes over oscillating lines.
Dashes over oscillating lines.
Dashes over oscillating lines.
Dashes over oscillating lines.
Dashes over oscillating lines.
Interactive cap and join selection.

Source