Skip to content

Coordinate Transforms

Coordinate transforms are used to transform the coordinate system of a shape.

Usage

coord

The coord method is used to specify the coordinate transform of a layer.

layer({ coord: clock() }, [chart(seafood).flow(spread('lake', { dir: 'x' })).mark(rect({ h: 'count' })); chart(seafood).flow(spread('lake', { dir: 'x' })).mark(rect({ h: 'count' }));]).render(root, { w: 500, h: 300 });
          

Components

linear icon

linear

Type: linear

A linear coordinate transform.

Uses the general usage patterns described above.

polar icon

polar

Type: polar

A polar coordinate transform.

Uses the general usage patterns described above.

clock icon

clock

Type: clock

A clock coordinate transform.

Uses the general usage patterns described above.

wavy icon

wavy

Type: wavy

A wavy coordinate transform.

Uses the general usage patterns described above.

bipolar icon

bipolar

Type: bipolar

A bipolar coordinate transform.

Uses the general usage patterns described above.

arcLengthPolar icon

arcLengthPolar

Type: arcLengthPolar

An arc length polar coordinate transform.

Uses the general usage patterns described above.