> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flagsync.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Examples

> See how numeric metrics aggregate event values in FlagSync.

## Examples

For a `discount-rate` flag with variants 0%, 20%, and 30%, impressions are logged when users see the applied discount, and events are tracked when they complete a purchase.

<CodeGroup>
  ```tsx checkout-page.tsx theme={null}
  // Step 1: Log impression
  const discountRate = client.flag('discount-rate', 0.00);

  // Step 2: Track the purchase event
  const item = {
    productId: '0x123',
    price: 50.00,
    discount: discountRate // 0.3 (30%)
  };
  client.track('purchase_event', null, item);
  ```
</CodeGroup>

### Average or Sum Purchase Price

Let’s explore how an average or sum metric tracks purchase value for the `discount-rate` flag, testing which variant drives higher spending:

<Steps>
  <Step title="Set It Up">
    Select `purchase_event` and enter `price` as the value field to aggregate:

    <Tip>
      * [Events](/events/overview) auto-populate from `client.track()`.
      * [Property Events](/events/tracking#property-events) let you derive multiple metrics from one `purchase_event`.
    </Tip>

    <Frame>
      <img alt="Metric event value selection" src="https://mintcdn.com/flagsync/dTCxWdoh9aH45uVC/images/metrics-event-value.webp?fit=max&auto=format&n=dTCxWdoh9aH45uVC&q=85&s=3cd69782e7b81c22d00ff4efa384368a" width="547" height="457" data-path="images/metrics-event-value.webp" />
    </Frame>
  </Step>

  <Step title="Choose Aggregation Method">
    Aggregate by average or sum:

    <Frame>
      <img alt="Numeric metric aggregation selection" src="https://mintcdn.com/flagsync/dTCxWdoh9aH45uVC/images/metrics-numeric-average.webp?fit=max&auto=format&n=dTCxWdoh9aH45uVC&q=85&s=ad6200671fb8499f4beeb32aa290a39c" width="549" height="262" data-path="images/metrics-numeric-average.webp" />
    </Frame>
  </Step>

  <Step title="Interpret Experiment Results">
    See a simulated FlagSync dashboard for the `discount-rate` experiment, testing how discount variants impact average purchase value:

    <Frame>
      <img alt="Simulated dashboard showing average purchase value for discount-rate variants" src="https://mintcdn.com/flagsync/dTCxWdoh9aH45uVC/images/metrics-numeric-average.graph.webp?fit=max&auto=format&n=dTCxWdoh9aH45uVC&q=85&s=fad8d632b79577a8f7e99204f0928f2d" width="667" height="860" data-path="images/metrics-numeric-average.graph.webp" />
    </Frame>

    * **Trend**: The chart shows 30% (pink) leading at \$147 average purchase value, followed by 20% (orange) at \$108, with 0% (blue) at \$83.

    <Check>
      The 30% variant is the clear winner, increasing average purchase value by 76.4% over the baseline.
    </Check>
  </Step>
</Steps>

## Next Steps

* Learn concepts in [Numeric Metrics: Overview](/metrics-numeric/overview).
* Explore [Experiments](/experiments/overview).
