Skip to content

Coordinate Transforms

Coordinate transforms are used to transform the coordinate system of your data representation.

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.