@visx/marker

Markers are graphical objects attached to a <path>, <line>, <polyline>, or <polygon> 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.

# markerHeightReactText

The height of the marker viewport

Default 3

# markerUnitsstring

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

Default userSpaceOnUse

# markerWidthReactText

The width of the marker viewport

Default 3

# refXReactText

The x coordinate for the reference point of the maker

# refYReactText

The y coordinate for the reference point of the maker

# sizenumber

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

# strokeWidthnumber

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

Exports