#FeatureFRIYAY May: embed Cumul.io dashboards in React Native mobile applications!
Posted On 29/05/2020
We’ve launched a bunch of new features this month. Curious to find out what’s new in Cumul.io? Let’s have a look!
react-native-cumulio: a React Native component for Cumul.io dashboards
Are you looking to add analytics to your mobile application? Today is your lucky day, because embedding Cumul.io dashboards in mobile apps just became much easier. We created react-native-cumulio: a reusable React Native component for adding a dashboard integration to your mobile app.
Our React Native component is currently in beta, and published on npm. Want to try it out? Simply download the package from npm, and insert the component’s code snippet into your React Native application!
With this component, you can easily pass on a multitude of options and information to your embedded dashboards:
which dashboards and charts to embed;
dashboard authorization, defining who can see which data and dashboards;
the language of your dashboards;
the screen size to display;
and even change the loader style, color and logo!
Would you like to see a live example of a Cumul.io native integration in a mobile app? Check out our example on Expo in 2 simple steps:
Download Expo on your phone from the Google Play Store (also available for iOS)
Open our Expo example in your browser, click ‘Run’ and scan the QR code with the Expo app on your phone.
Eager to start embedding dashboards in your React Native app? We’d love to hear your feedback!
Our number object got a complete revamp
We already hinted at this new launch in our previous #FeatureFRIYAY. That is to say, we launched a completely revamped number object! Certainly, we look back with nostalgia at one of the first charts that was introduced to Cumul.io. But we felt it was time this chart got a thorough upgrade, with new features to enjoy.
In our last webinar, we covered all the new functionalities of the number object. Our customer success team shows you step by step how to use each feature, including some tips and best practices. To learn more, you can simply watch the replay of our webinar.
A quick glance at what’s new:
Fully control the chart alignment and positioning;
Completely customize the evolution graph in your number object;
Set fixed font sizes for your numbers and titles;
Add icons or emoji to your number object.
The biggest advantage is the level of customization. From within the UI, you can easily tweak your number charts to blend them seamlessly in your dashboard design. Curious to try it out? Browse through your dashboards and give your numbers a new, funky look!
New improvements to our integration
We released a number of updates to our integration. As a result, your experience will become smoother and more intuitive.
Firstly, we did several behind-the-scenes improvements to our integration, which results in faster loading of your embedded dashboards. In addition, the experience in the dashboard editor also became smoother thanks to these optimizations.
Secondly, you can now safely remove users from your organization, even if that user is the owner of certain data or dashboards that are in production. When a user is removed, all their data are now automatically reassigned to the deleting user. This ensures your embedded dashboards will not break when removing an existing user.
Lastly, you can now embed dashboard thumbnails in your integration, using your temporary key & token. Perfect if you want to show a preview of the dashboard to your users in an overview page.
New features in the dashboard editor
More insights into query performance
Your embedded reporting environment is an integral part of your SaaS app. So, your users expect the same great performance as the rest of your application. This can be challenging, because queries tend to involve your full historical dataset.
In order to help you optimize your data and dashboards for the best performance, we added query performance details to each chart. Click on the table icon of your chart to open the data settings, and you’ll see a new clock icon appearing in the top-left corner.
Clicking this icon will open up a brand-new query modal. It shows how long it took to load the chart, from validation to rendering. In addition, you’ll be able to see which stage of the query took the longest. As a result, you’ll be able to identify which optimizations lead to the biggest performance gains.
Set a manual axis in line charts
We added a new way to tweak the min and max value of your axis in a line chart. Before, it was already possible to use a variable axis, which limits your axis to the min and max value of your data.
But now, you can also set the min and max value manually. Set it to any value you would like to display on your axis, as shown in the example below.
Feature Highlight: Multitenancy
This month, our webinar focuses on multitenancy. In other words, this means you’re serving different clients with one and the same platform. To clarify the concept, our customer success team will explain how you can embed Cumul.io dashboards within a platform that serves multiple stakeholders.
In case you didn’t have the chance to attend yesterday, you can simply watch the replay below. In just 20 minutes, you’ll learn:
How secure multitenant embedding works, with authorization tokens;
How you can reuse your own SaaS app’s authentication to limit access and filter data for each end user;
What a multitenant setup looks like for your specific tech stack.
Additionally, you can read through our tutorial to learn more about handling multitenancy in Cumul.io.
Which new feature are you most excited about? Start exploring these new features right away in Cumul.io, and let us know your thoughts!