Vue

bash

npm install @datastripes/anomaly

vue

<script setup>
import { DatastripesAnomaly } from '@datastripes/anomaly/vue';
</script>

<template>
  <DatastripesAnomaly :data="rows" algorithm="ensemble" :api-key="apiKey" :api-url="apiUrl" />
</template>

@datastripes/anomaly/vue exports DatastripesAnomaly (KPI deck, canvas chart, and algorithm comparison leaderboard, with the license, column mapping, and export modals wired in), each of those building blocks as its own component, and a useAnomalyDetection composable. It is a functional port of the React components using inline styles, not a pixel-identical one. It re-exports the whole core API.

vue (^3.4) is an optional peer dependency of @datastripes/anomaly, only required when you import the /vue entry point. See the live example on the Vue examples page, or Headless mode to build your own UI with useAnomalyDetection. For unordered (x, y) scatter data instead of a time series, see Scatter anomaly detection.

Vue ​

Vue