MongoDB Charts Gets Embeddable

MongoDB Chart’s latest feature is embeddable charts and MongoDB Atlas users are the first to get a preview of it. Now you can present your users with live charts from your data and you can do it without writing stacks of code.

Visualizing data is one of the most powerful tools for getting insight and giving real value to users. That’s why every app these days looks to go beyond text-based static reports and offers dynamic charts and graphs. Whether it’s your bank account’s past month or your ride-sharing use, it all looks better visualized. With MongoDB Charts, we’ve let you visualize your data for you and your team’s consumption. Now, with embedded charts, you can put those elegant visualizations into any web application.

The MongoDB Charts experience, if you haven’t had a chance to try it out on MongoDB Atlas, is a great way to build live dashboards. Each dashboard is comprised of multiple charts, each capable of rendering the most complex of data into useful, dynamic and informative images. While dashboards and charts are readily sharable within your organization, to bring that information to a wider audience has been somewhat more complex. With embeddable MongoDB Charts, that task has become much simpler. It means you can be more productive delivering the imagery you want to your users making them happier and happier users means more users.

Embedding Charts Demonstrated

There are actually two ways to embed MongoDB Charts. One is a simple, open embedding option for public consumption. The other is a more controllable embedding where you get to select who can see the charts for more private consumption. Rather than share dashboards, individual charts are shared, allowing you to present them within your web applications with a minimum of overhead.

Unauthenticated Embedding Mode is the open embedding option. To use it requires only that you cut and paste a code snippet into your web page or application and from then on, anyone who can see that page will see your selected chart, updating live in the page. As the name says, there’s no need to log in or authenticate. Your data visualization is available to the world.

Verified Signature Mode is the opposite of that mode. With this mode, an embedded chart will only display if it has been embedded with a digital signature which you have control of. Even if someone got hold of the embedded chart’s HTML code, it would not display as the signature would not be valid. The signature has to be generated server-side with Verified Signature Mode so that only the people you want are seeing your vivid visualizations of your protected data.

We think, with both these modes and with the richness of MongoDB Charts, that developers will be able to build more engaging user experiences while reducing development time and effort. Web application designers will be able to rely on the consistent visual presentation of those charts, getting rid of hard to maintain, one-off graphical rendering code. All MongoDB Charts are live updated and deeply customizable too, making them the perfect fit for your modern, styled web applications and sites.

Right now, the preview of embeddable Charts is only on MongoDB Atlas, our hosted, managed database-platform-as-a-service. We’ll be bringing support for embedding with the on-premises version of Charts later this year. If you would like to learn how to embed your MongoDB chart into your application today, follow this detailed tutorial in our documentation.