Vue dashboards embedded in your application

You built an application in Vue, and now you want to add reporting dashboards to it? Use Cumul.io’s Vue.js data visualization library to embed interactive multi-tenant dashboards in minutes.

Try free

Connect data from any source

Connect data from any source in minutes: your database or warehouse, web services or your own API. Use our out-of-the-box connectors, or build your own plugin in just a few lines of code.

Create dashboards with drag & drop

Build dashboards with our easy-to-use editor, no data scientist needed! Easily adapt the look & feel, language and modify dashboards per screen size. All without writing a single line of code.

Seamlessly fits your Vue stack

Seamlessly integrate dashboards in your Vue stack, using @cumul.io/vue-cumulio-dashboard. Trigger actions between your platform & the dashboards by using our powerful bi-directional communication feature

Explore our example app with embedded dashboards below, and get a glimpse of the possibilities!

Explore the code

Add data visualizations in Vue applications in no time!

Getting your embedded dashboards to production was never as easy.

Simply install the @cumul.io/vue-cumulio-dashboard package on npm & import it into your application. Add your Vue dashboard component with a few lines of code and you’re ready to go to production!

Need some more inspiration before getting started? Check out the sample Vue integration on CodeSandbox.

Install package

<template>
  <h1>My Dashboard</h1>
  <div class="dashboard-container">
    <cumulio-dashboard
      :dashboardId="dashboardId"
      :authKey="authKey"
      :authToken="authToken"
      @changed-filters="handleNewFilters"
    />
  </div>
</template>