@vx/marker

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

Installation

npm install --save @vx/marker

# Marker.childrenReactNoderequired

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

# Marker.idstringrequired

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

# Marker.markerHeightstring | number | undefinedoptional

The height of the marker viewport

Default 3

# Marker.markerUnitsstring | undefinedoptional

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

Default userSpaceOnUse

# Marker.markerWidthstring | number | undefinedoptional

The width of the marker viewport

Default 3

# Marker.refXstring | number | undefinedoptional

The x coordinate for the reference point of the maker

# Marker.refYstring | number | undefinedoptional

The y coordinate for the reference point of the maker

# Marker.sizenumber | undefinedoptional

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

# Marker.strokeWidthnumber | undefinedoptional

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