Vue Anomaly Detection Component, Live Demo

Add anomaly detection to a Vue 3 app with a single component. @datastripes/anomaly/vue analyzes historical data and highlights outliers out of the box, powered by the same anomaly detection engine used by the React, Angular, and vanilla JS builds of Datastripes.

VitePress itself is built on Vue, so this page mounts the real DatastripesAnomaly component from @datastripes/anomaly/vue directly — not a screenshot or a static code block.

Source

<script setup>
import { DatastripesAnomaly } from '@datastripes/anomaly/vue';
const rows = [{ date: '2024-01-01', value: 102 }, /* ... */];
</script>

<template>
  <DatastripesAnomaly :data="rows" algorithm="ensemble" theme="dark" />
</template>