Vue Forecasting Component, Live Demo

Add forecasting to a Vue 3 app with a single component. @datastripes/forecast/vue renders historical data, a forecast horizon, and confidence bands out of the box, powered by the same Forecasting Widget engine used by the React, Angular, and vanilla JS builds of Datastripes.

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

Source

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

<template>
  <DatastripesForecast :data="rows" :horizon="14" algorithm="prophet_lite" theme="dark" />
</template>