Blog

9 Awesome Data Products We Built In Less Than 2 Days Using Luzmo Flex

Embedded Analytics
Sep 10, 2024
9 Awesome Data Products We Built In Less Than 2 Days Using Luzmo Flex

Can you guess the top complaint of software users when using data products? It’s poor user experience. As much as people love to use data to make better decisions, it sucks to spend hours of time on data analysis.

At the same time, building an intuitive data product is hard for a developer. Existing chart libraries have a steep learning curve and are time-consuming to maintain. And aside of analytics, your dev team probably has other fish to fry…

With Luzmo Flex, Luzmo’s latest software development kit (SDK), you can eliminate the massive overhead of developing analytics. It was designed to build ANY data product you can imagine, at incredible speed.

If you can dream it, you can build it!

To inspire your next data product, our team of developers gave it a go during a Hackathon at our HQ in Leuven! So don’t take our word for it, and check out these 9 examples that were built with Luzmo Flex in less than 3 days.

9 examples of code-first data products

In-app report builder

In-app report builder, built with Luzmo Flex

What we built

Sometimes, your product users will need insights that go beyond the key metrics you’re showing to customers. Instead of exporting data to Excel, users will prefer an in-app interface where they can explore specific data independently.

A great example of a company that does this well is HubSpot. Users can build their own reports and dashboards directly inside HubSpot, and deeply analyze their marketing and sales data.

Our developers love a good challenge, so they decided to recreate the HubSpot report builder, but better. With three people. In two days. The result is an intuitive report builder that lets you:

  • Create charts by dragging and dropping data
  • Generate charts via text prompts
  • Adjust data filters
  • Save and export reports

If you thought this level of data products was only reserved for enterprise-grade companies with huge engineering teams, think again!

Try it out here >

How it can inspire your next data product

This intuitive report builder is great for SaaS products targeting business users, like marketing, sales, HR or operations. Your customers need data to make everyday decisions, but are typically not skilled in data analysis. With a similar report builder, you can give your users the freedom to analyze their data more intuitively.

P.S.: HubSpot, give us a call if you’re interested in an upgrade! ;-)

Custom chart library

Add a custom chart library to your software app

What we built

In the previous product, users can create any chart they like by dragging and dropping data. But what if your users aren't so data-savvy? They might find it difficult to navigate those datasets. This data product offers a lite report builder, where users can pick any insight from a chart library, and add them directly to their report.

It's a great way to let users choose the data that matters to them, without needing to understand the data structure behind it.

Try it out here >

How it can inspire your next data product

A custom chart library is perfect if you sell software to less tech-savvy folks. Think of industries like real estate or legal, where people are likely to want data insights, but might need a little more hand-holding. You can make a selection of charts available to your users; and they can take the analysis from there.

AI-powered data analysis

AI-powered data analysis tool built with Luzmo Flex

What we built

If you want to go even further, and build a data product that does ALL the work for your customers, generative AI is the way to go. In this example app, we hooked up a large language model to a data app, so users can ask questions about their data, and get visual insights in return. Ask a question or choose from one of the prompts, and watch how your data gets visualized in beautiful, interactive charts.

Try it out here >

How it can inspire your next data product

If you're looking for true innovation in your data products, natural language interfaces are the future. If your users have asked for custom reports, or very specific insights, a chatbot-like interface can help them get to that answer faster, without your team having to spend time on pulling custom reports or deploying new visualizations. It takes away all the complexity for your users, and at the same time, it's quite easy to set up with Luzmo Flex!

Smart activity tracker

Context-aware charts built with Luzmo Flex

What we built

Hooked to your Garmin, Fitbit or Apple Watch for tracking health habits? One of our solution engineers built a simple React app showing health insights like sleeping behavior and step count.

The cool thing about this app is that the charts dynamically change based on the user's context. Let’s say John uses his Garmin tracker to track his step count every minute, while Emma only tracks her steps every 10 minutes. Based on their context, Emma will be shown a metric of steps per hour, while John will see steps per minute.

Try it out here >

How it can inspire your next data product

If your software product is complex with different modules for different users, context-aware charts are for you! Instead of building tailored dashboards for every use case, you can programmatically render the right visualizations to every user. A few tips for a tailored user experience:

  • Show custom metrics: the same visualization, but the metric is displayed differently (e.g. steps per hour vs steps per minute)
  • Context-aware charts: display or hide charts, depending on which app functions a product user is actively using
  • Mix-and-match: in our example above, we’ve mixed Luzmo charts with custom built visualizations: you are never limited to Luzmo charts only!

A marketplace app for Shopify

What we built

Although Shopify sits on a ton of valuable sales data for millions of web shops, they don’t have a great built-in tool for sellers to analyze their sales. One of our developers was up to the task of building a reporting app to add to Shopify’s marketplace.

The app lets you:

  • Create a dataset with your Shopify data
  • Create charts using Luzmo Flex 
  • Use AI to create charts using a text prompt

How it can inspire your next data product

If your software has an app marketplace, this project can inspire you to build a reporting app to add to your own marketplace to broaden your capabilities. If not, you can also offer it as an add-on to your product and monetize your analytics.

If you don’t have resources to spare, you could always hire a development agency to build a data app for you. With Luzmo Flex, it won’t take more than a few days, and the additional revenue stream is worth the investment.

Interactive 3D models, controlled by data visualizations

What we built

Your app consists of many different components, charts being only one of them. One of the big advantages of Luzmo Flex is that you can easily blend Luzmo charts with existing components in your app and have them interact with each other.

To show what that looks like, one of our developers built a 3D building model that adapts as soon as you start applying filters to a chart. Let’s say I want to buy a unit with small windows on the first floor, with a max budget of $300k. Simply filter the charts, and the 3D model will only display the units that fit these criteria.

How it can inspire your next data product

The example above shows a clear use case for architects or real estate professionals. However, you can do the same thing for any type of content inside your app. For example:

  • Dynamic text: display specific text descriptions, product details or legal information, depending on which data you’ve selected
  • Image updates: show relevant images (e.g. product imagery) based on the data a user has selected in charts or filters
  • Interactive UI: display specific calls-to-action or enable/disable buttons based on user input

This interactive blend of app components is valuable for any software product since it’s easy to think of use cases in different sectors. Blending visualizations is a great solution for turning standard reports into actionable insights.

A Chrome extension to monitor app performance

What we built

Today, users expect data insights everywhere. Not just in their BI tools, or in a dedicated analytics tab in the SaaS apps they use daily. To break beyond the barriers of a traditional dashboard, a group of three engineers built a Chrome extension for data monitoring.

Specifically, their Chrome extension helps them monitor query performance to make sure their charts are loading smoothly. To inspect the loading time of one specific chart on your dashboard, you no longer need a separate monitoring dashboard. Simply fire up the Chrome extension, select the chart you want to analyze, and it will automatically display performance statistics related to that chart.

How it can inspire your next data product

We built this Chrome extension on top of our own product, but you can easily build something similar for all your data monitoring needs. For DevOps platforms or IT monitoring apps, similar extensions are a great way to inject data insights directly into your customers’ workflows.

But it is by no means limited to data monitoring use cases. In every app, you could leverage a Chrome extension or a “hover” function to immediately show insights in-app, when and where your customers need them. Think of a marketing platform that lets you hover over an email campaign, showing you the main KPIs of that email without having to open a dashboard.

Collapsible data filtering panels

Collapsible data filtering panel built with Luzmo Flex

What we built

Your users want to interact with their data, and one of the best ways to do so is through filtering. However, having 20 filters at the top can soon become a clunky experience. One of our solution engineers built an easy solution with a collapsable filter panel.

It works like a pop-out window that you can pull out whenever you want to interact with your data, and hide when you no longer need it. We chose to use visualizations for filtering for a richer experience, but you can include any filter elements you’d like – even if they are customly designed!

Try it out here >

How it can inspire your next data product

You can reuse parts of the code from our GitHub repo to quickly build your own filter panel! It’s a perfect solution if you want to:

  • Collapse large elements that take up too much space in your core interface
  • Use more visual ways of filtering, e.g. data visualizations that filter other visualizations
  • Show key insights in the form of a “pop-out” modal, replacing them with traditional dashboard interfaces

Change report layouts in one click

What we built

Data visualizations are an eye-catcher for your product. So you’ll want to use a layout that looks good, but also follows the data visualization best practices. To do so, two of our engineers built a layout helper to change the composition of your charts with one click.

First, choose the layout you like from a simple UI. Then copy-paste the code of the charts you want to show to clients, and you’ll immediately see a preview of these charts in your chosen layout. You can play around with different layouts until you find the one that works best.

How it can inspire your next data product

Although we used layout as an example here, you can build various “UI helpers”, for example:

  • Switching between chart types
  • Changing between different predefined themes and styling
  • Previewing how data visualizations will look for users with different access rights (e.g. for debugging)

These are great tools for your dev team to speed up the development of client-facing data visualizations. You could even expose some of these tools to clients if you want to give them the freedom to adapt their visualizations on the fly.

Start building interactive data products with Luzmo Flex 

Building a data product can seem daunting, but it doesn’t have to be. The examples above prove that you don’t need a huge team of engineers to build advanced data-powered applications. Instead, with powerful code building blocks, you can launch in a matter of days.

To explore how you can leverage Luzmo Flex for your data products, get in touch with our team of product experts. Let them help you bring your use case to life, and get up and running with code-first analytics quickly.

Mieke Houbrechts

Mieke Houbrechts

Content Marketing Manager

Mieke Houbrechts is a long-time blog contributor and content marketing expert at Luzmo. Covering anything from embedded analytics trends, AI and tips and tricks for building stunning customer-facing visualizations, Mieke leans on her background in copywriting, digital marketing, and 7 years of industry knowledge in the business intelligence space.

Build your first embedded dashboard in less than 15 min

Experience the power of Luzmo. Talk to our product experts for a guided demo  or get your hands dirty with a free 10-day trial.

Dashboard