# `PhiaUi.Components.Data.MarkPoint`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/data/mark_point.ex#L1)

Data point marker component for charts.

Marks statistical points (max, min, average) on a chart with a symbol
and optional label. Auto-detects position from data using `ChartPipeline.stats/1`.

Inspired by eCharts `markPoint`.

## Examples

    <.mark_point
      data={[%{label: "Q1", value: 100}, %{label: "Q2", value: 200}, %{label: "Q3", value: 150}]}
      types={[:max, :min]}
      x_scale={x_scale_fn}
      y_scale={y_scale_fn}
    />

# `mark_point`

## Attributes

* `data` (`:list`) - List of `%{label, value}` data points. Defaults to `[]`.
* `types` (`:list`) - List of mark types to show. Options: :max, :min, :average. Defaults to `[:max, :min]`.
* `x_scale` (`:any`) - X scale function (label → px). Defaults to `nil`.
* `y_scale` (`:any`) - Y scale function (value → py). Defaults to `nil`.
* `color` (`:string`) - Marker color. Defaults to `"oklch(0.60 0.25 0)"`.
* `symbol` (`:atom`) - Marker symbol shape. Defaults to `:circle`. Must be one of `:circle`, `:diamond`, or `:triangle`.
* `symbol_size` (`:any`) - Symbol size in pixels. Defaults to `12`.
* `show_label` (`:boolean`) - Show value label on markers. Defaults to `true`.
* `animate` (`:boolean`) - Enable entrance animation. Defaults to `true`.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.

---

*Consult [api-reference.md](api-reference.md) for complete listing*