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

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
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • ~
<template>
  <h1>My Dashboard</h1>
  <div class="dashboard-container">
    <cumulio-dashboard
      :dashboardId="dashboardId"
      :authKey="authKey"
      :authToken="authToken"
      @changed-filters="handleNewFilters"
    />
  </div>
</template>
App.vue
100%
Spaces:2
UTF-8

More than just embedding a dashboard in Vue!

Cumul.io dashboards are data-driven tools inside your own product. Our Vue library lets you enjoy additional functionalities.

multi tenant
Enjoy multi-tenant security with tokens using your own user models
customize
Fully customize. Even change the loader styling!
bi-directional flow
Interact between platform & dashboard with bi-directional communication
control
Take control: Reload specific charts & dashboards, or even change dashboards
retrieve data
Easily retrieve data from charts and use them for platform actions
filters
Retrieve the filters applied in your dashboard and interact with your own platform.

Using a different framework than Vue?
We probably support it!

wordpress logo
django logo
java logo
react logo
javascript logo
php logo
vue logo
python logo
ruby logo
wordpress logo
django logo
java logo
react logo
javascript logo
php logo
vue logo
python logo
ruby logo
And many others!
Ready to start dashboarding?
Start your free 10-day trial today, or get a demo from one of our product experts.