New Feature: Dashboard Embedding

Embed dashboards easily within your own app with updated embed capabilities

This addition allows you to create visually appealing, interactive dashboards that can be embedded in your applications, websites, and internal tools with minimal code.

What’s New?

With this update, Zing Data’s React / Javascript SDK now supports the creation and embedding of dashboards featuring a variety of chart types:

• Bar Chart
• Stacked Bar Chart
• Stacked Bar (100%) Chart
• Horizontal Bar Chart
• Line Chart
• Stacked Line Chart
• Area Chart
• Donut Chart
• Big Number
• Scatter Plot
• Combo Chart (Line + Bar)
• Data Table

It previously allowed embedding individual charts, but we’ve made it easy to now embed performant dashboards with just one embed id.

Key Features

Visual Dashboard Design

Our intuitive interface allows you to design your dashboard visually. You can arrange multiple charts and analyses visually with our WYSIWYG editor, and take that dashboard to render within your own app.

Embedding Options

You have the freedom to embed your dashboards in two ways:

1. Full Dashboard Embedding: Share your entire dashboard as a cohesive unit, with a single embed id, preserving the layout you created visually within Zing.

   This keeps the layout / formatting of your dashboard and the charts / analyses within it without needing to recreate the layout within your app or site.

2. Individual Chart Embedding: Embed charts individually if you want want individual charts on various screens or tabs of your app and need more specific control over layout.

Dynamic Content with Attributes

One of the most powerful features of our chart and dashboard embedding is the ability to pass attributes to make the content dynamic for each viewer.

For example:

• Pass a user_id to display personalized data for each user and apply that filter to the graph
• Use a city attribute to show location-specific information

This functionality allows you to create a single dashboard that adapts to provide relevant information to different users or contexts.

Flexible Data Caching

To optimize performance and minimize database calls, you can now configure the caching duration for your embedded dashboards:

• Real-time data: For the most up-to-date information
• Caching options: Set caching intervals anywhere from 1 minute to 1 month

This feature allows you to balance data freshness with system performance, ensuring a smooth experience for your users while maintaining data relevance.

Use Cases

The new dashboard embedding feature opens up numerous possibilities:

• User Facing Analytics: Embed dashboards in your website or product to share data with your users or customers, specific to each user’s profile or preferences.

• Internal Reporting: Easily share key metrics and KPIs across your organization, with data tailored to each department or team member within your internal applications.

• Public analytics / data storytelling: Embed dashboards in your website or product to share data with your users or customers, adapting to each user’s profile or preferences.

   

Availability

Dashboard embedding is now available for the Pro plan and above.If you’re already a Pro plan user, you can start using this feature immediately. You can also access this embed capability if you’re on a trail period of a paid plan.

Getting Started

To begin creating and embedding your dashboards:

1. Log in to your Zing Data account
2. Create the question(s) you want to show on the dashboard, including specifying formatting and chart or table type
3. Add the questions to a dashboard and lay them out
4. Configure dynamic attributes and caching options as needed
5. Save the dashboard and tap the three dots in the top right to get the embed id of the dashboard
6. Message the Zing Team for a App_Key
7. Paste the embed id into the Zing Data React SDK (instructions here)

For detailed instructions, please refer to our documentation

Download Zing Embedded Analytics Overview PDF