Webinar: Build A Custom Chart With Us

📅 Originally aired: June 18, 2025

Miss Our Webinar?

Watch the replay here, and catch up at your own convenience!

Quick Summary

What are custom charts?
With Custom charts in Luzmo, you can create super specific visualizations that aren't available in most common BI chart libraries. With just a bit of code, you can bring any unique data story to life, designed specifically for your product and your users. Add it straight to Luzmo, and combine Luzmo's out-of-the-box charts with your own.

What we tackle in this webinar:
In this live coding session, we walk you through building a custom chart from scratch and importing it into Luzmo. You’ll see all the different steps:

• How to set up the custom chart builder
• How to define your chart’s data slots
• How to write the visualization code
• How to upload a custom chart to Luzmo and connect it seamlessly to your dashboards
• How to use themes, filters, and interactivity with your custom chart

Useful resources

Want to start building your first custom charts? Here are some extra resources to help you alongside this coding session:

• Custom Charts starter guide on Luzmo Academy
• Developer docs on Custom Charts
• GitHub repo with complete workflow to develop custom charts
• 8 example use cases to inspire your own custom chart

Webinar Q&A

**Can I inherit from Luzmo’s existing marker map to create a custom chart with a Bing map and geofence, or do I need to build it from scratch?
**You can’t inherit from Luzmo’s built-in marker map, as our chart code isn’t exposed. If you want to create a custom map, you’ll need to build it from scratch and embed the Bing map as a layer in your custom chart.

**Is the tooltip in a custom chart customizable by end users?
**No. The tooltip design is set in your code. While the data shown can respond dynamically (e.g. based on hovered data), end users can’t customize the tooltip themselves.

**How reliable is it to use AI (like LLMs) for generating chart code? Is it tailored for Luzmo?
**The AI models (e.g. Claude in this case) are not specifically trained or engineered for Luzmo. The key is feeding the Luzmo custom chart README into your AI tool to provide it with the necessary context. It’s not Luzmo-specific prompting, but it works well when combined with our README.

**Can I limit the data shown in the custom chart using filters once it’s live?
**Yes. You can dynamically filter data in your dashboard using Luzmo filters and slicers, and your custom chart will respond to them. You can also hard-code specific filters in your visualization code if needed.

**How do you ensure the stability of the platform if someone uploads poorly written custom chart code?
**Custom charts are sandboxed in iframes. This means they can’t interfere with the rest of your dashboard or other charts. Luzmo also provides versioning for custom charts so you can test new versions before deploying them broadly.

**Are custom charts bound to individual users or shared across the organization?
**Custom charts are bound at the organization level. Once you publish a custom chart, it’s available to all users in your organization.

**Does the Luzmo GitHub repo include info on how to use AI to generate code?
**No specific guidance on using AI is included, but the README is designed to work well with AI coding assistants.

**If I embed Luzmo in my app for customers, can custom charts be shared with their users?
**Yes. Custom charts you upload and publish will be available across dashboards used by your customers, as long as they’re part of your organization setup.

Build your first custom chart today!

Start a free 10-day trial of Luzmo, or get in touch with our experts for a guided demo.