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

Add data visualizations in React applications in no time!

Getting your embedded dashboards to production was never as easy.

Simply install the react-cumulio package on npm & import it into your application. Add your React 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 React integration on Stackblitz.

Install package
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
import React, { useReducer } from 'react';
import { render } from 'react-dom';
import {
  CumulioContext, initialState, reducer, CumulioComponent
} from "react-cumulio";

const App = () => {
  const [state, dispatch] = useReducer(reducer, initialState);
  return (
    <div>
      <h1>My Dashboard</h1>
      <CumulioContext.Provider value={{ state, dispatch }}>
        <CumulioComponent
          dashboardId='763177aa-9b93-4ae7-903e-3cb07dc593d8'
        />
        </CumulioContext.Provider>
      </div>
    );
}

render(<App />, document.getElementById('root'));
index.js
100%
Spaces:2
UTF-8

More than just embedding a dashboard in React!

Cumul.io dashboards are data-driven tools inside your own product. Our React 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 React?
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.