Vue

bash

npm install @datastripes/forecast

vue

<script setup>
import { DatastripesForecast } from '@datastripes/forecast/vue';
</script>

<template>
  <DatastripesForecast :data="rows" :horizon="30" :api-key="apiKey" :api-url="apiUrl" />
</template>

@datastripes/forecast/vue exports DatastripesForecast (KPI deck, canvas chart, model comparison, and feature importance, with the license, column mapping, and export modals wired in), each of those building blocks as its own component, and a useWasmForecast 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/forecast, 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 useWasmForecast.

Vue ​

Vue