Docs
⚙️ ⏐ Utils
Value Marker

Value Marker

The Value Marker component in REAVIZ allows you to mark a specific value on a chart with a line.

Types supported by reaviz:

  • Linear Marker - Used in linear charts to mark a specific value along the x or y axis.
  • Radial Marker - Used in radial charts to mark a specific value in a circular format.

Where to use:

  • Highlight Key Values: Ideal for emphasizing specific data points or thresholds.
  • Guide Data Interpretation: Useful for guiding users' interpretation of the chart by marking significant values.
  • Enhance Visual Clarity: Great for adding visual clarity and focus to important values in your data.

Examples

Linear Marker

Radial Marker

API

LinearValueMarker (opens in a new tab)

PropDescriptionDefault
color *
string
value *
any
className
string
thickness
number
1
size
number
direction
"horizontal" | "vertical"
horizontal

RadialValueMarker (opens in a new tab)

PropDescriptionDefault
color *
string
value *
number
className
string
thickness
number
1