Atlas Charts

ATLAS

Atlas Charts

Easily create, share, and embed visualizations of real-time application data from MongoDB Atlas.

Illustration of a database producing charts.

Fast, simple, real-time insights

Create dynamic dashboards with just a few clicks and generate charts with AI. All Atlas projects are available by default. Dashboards auto-refresh and can easily be shared with your team.

Learn more

Enable data-driven decision-making

Simplify your analytics workflow by working directly with JSON data. With native document model support, you’ll spend less time searching for insights and more time making decisions—no need to flatten data like in traditional business intelligence tools.

Learn more

Build modern experiences with embedded analytics

Embed charts and dashboards into any application using an iframe for quick setup or our SDK for greater control and customization. Deliver powerful insights exactly where users need them.

Learn more

Power insights across your organization

Share insights effortlessly with granular team sharing, organization-wide access, and scheduled reporting in Charts.

Learn more

Get more out of Charts with embedded analytics

View Documentation

Atlas Charts offers multiple ways to embed visualizations, making it easy to uncover real-time insights from your application.

View Documentation

Easily embed charts and dashboards with iframes

An iframe is quick and easy to use, with customization options for sizing, refresh intervals, and display themes.

Read the documentation

Enable rich customization with the embedding SDK

Customize chart titles, descriptions, axes, channels, colors, and conditional formatting—all through the SDK.

Read the documentation

Add or create chart interactivity

Use the event handler to add interactivity to embedded charts. Click elements to view details, highlight data, or filter other charts.

Read the documentation

Easily embed charts and dashboards with iframes

An iframe is quick and easy to use, with customization options for sizing, refresh intervals, and display themes.

Read the documentation

Chart

Dashboard

Code Snippet

Enable rich customization with the embedding SDK

Customize chart titles, descriptions, axes, channels, colors, and conditional formatting—all through the SDK.

Read the documentation

JavaScript

Code Snippet

Add or create chart interactivity

Use the event handler to add interactivity to embedded charts. Click elements to view details, highlight data, or filter other charts.

Read the documentation

JavaScript

Code Snippet

import ChartsEmbedSDK from "@mongodb-js/charts-embed-dom";
 
const sdk = new ChartsEmbedSDK({
 baseUrl: "https://charts.mongodb.com/charts-embedding-examples-wgffp", // Optional: ~REPLACE~ with the Base URL from your Embed Chart dialog
});
 
const chart1 = sdk.createChart({
 chartId: "CHARTID#", // Optional: ~REPLACE~ with the Chart ID from your Embed Chart dialog
 height: "700px",
});
 
const chart2 = sdk.createChart({
 chartId: "CHARTID#", // Optional: ~REPLACE~ with the Chart ID from your Embed Chart dialog
 height: "700px",
});
 
const clickHandler = (payload) => {
 chart1.setHighlight(payload.selectionFilter);
 chart2.setFilter(payload.selectionFilter);
 document.getElementById(
   "filterMessage"
 ).innerText = `${payload.data.y.value} movies from the ${payload.data.color.lowerBound}s`;
};
 
async function renderCharts() {
 await chart1.render(document.getElementById("chart1"));
 await chart2.render(document.getElementById("chart2"));
 
 const options = { includes: [{ roles: ["mark"] }] };
 await chart1.addEventListener("click", clickHandler, options);
}
 
renderCharts().catch((e) => window.alert(e.message));

Chart

Dashboard

Code Snippet

Atlas Charts customer successes

View all customers

LIVE DATA VISUALIZATION

“Atlas Charts saved us from needing to create and deploy our own visualization dashboard app—on the order of weeks. It also helps us continuously. Every time we need a new visualization, we can do it on the order of minutes to hours rather than days.”

Doug Sappet
Engineering Manager, Meltwater

Read Case Study

LIVE DATA VISUALIZATION

Doug Sappet
Engineering Manager, Meltwater

Read Case Study

REAL-TIME ANALYTICS

“We hadn’t looked at it before, but in 15 to 20 minutes, I was producing charts of real-time data and dashboards. We were able to bridge the gap with real-time data straight from MongoDB and package it in a way that was relevant and immediately actionable.”

William Fong
CTO and Co-founder, Boxed

Learning hub

Find tutorials, videos, and other resources on data visualization and analytics.

FAQ

What is Atlas Charts?

Atlas Charts is a built-in visualization tool designed specifically for MongoDB Atlas allowing you to create interactive, real-time dashboards without complex data transformations.

Do I need to move or duplicate data to use Atlas Charts?

Nope! Atlas Charts works directly with your live Atlas data, eliminating the need for data movement, duplication, or ETL processes.

View the tutorial

What types of visualizations does Atlas Charts support?

Atlas Charts supports various visualization types, including bar, line, scatter, geospatial maps, and more. With Natural Language Mode, you can create these visualizations instantly by simply describing what you need—no queries required.

See more in our docs

How can I share and collaborate on dashboards?

You can securely share dashboards with your team, embed them in applications, or publish them externally for broader access.

Is Atlas Charts free to use?

Atlas Charts is free for all users, with additional premium features included for paid Atlas customers.

Learn more

Ready to get started?

Check out a tutorial and see how you can easily create, share, and embed visualizations of your MongoDB Atlas data with Charts.

Get Started NowTry free

GET STARTED TODAY

Rich JSON visualization
Embedded analytics
Sharing and collaboration
No user-based licensing

Natural Language Mode