@visx/marker

Markers are graphical objects attached to a , , , or element. MDN <marker>

Installation

npm install --save @visx/marker

APIs

#<Marker />

# childrenReactNoderequired

The <marker> contents. Typically one of: <path>, <line>, <polyline>, or <polygon>

# idstringrequired

Unique id for the <marker>. Should be unique across all page elements.

# markerHeightstring | number | undefined

The height of the marker viewport

Default 3

# markerUnitsstring | undefined

Set the coordinate system for the markerWidth, markerHeight, and <marker> contents

Default userSpaceOnUse

# markerWidthstring | number | undefined

The width of the marker viewport

Default 3

# refXstring | number | undefined

The x coordinate for the reference point of the maker

# refYstring | number | undefined

The y coordinate for the reference point of the maker

# sizenumber | undefined

A number used to determine the size of the bounding box the marker content.

# strokeWidthnumber | undefined

The stroke width. constrained to a number type due to use in bounding box calculations

Exports