Datastripes

Scatter Anomaly Detection, Live Demo ​

Not all anomalies live in a time series. This demo plots a CPU-vs-memory point cloud and flags the points that break the normal relationship between the two metrics — using useScatterAnomalyDetection and DatastripesScatterChart from @datastripes/anomaly/vue. See Scatter anomaly detection for how the Mahalanobis-distance method works and the equivalent React/Angular/vanilla APIs.

Source ​

vue
<script setup>
import { useScatterAnomalyDetection, DatastripesScatterChart } from '@datastripes/anomaly/vue';

const rows = [{ cpu: 42, memory: 61 }, { cpu: 95, memory: 12 }, /* ... */];
const { result } = useScatterAnomalyDetection(() => ({ data: rows }));
</script>

<template>
  <DatastripesScatterChart
    v-if="result"
    :points="result.points"
    :center-x="result.centerX"
    :center-y="result.centerY"
  />
</template>