What are MongoDB Charts | Chart Types

If You are interested to Learn about the MongoDB Drivers

MongoDB Charts

MongoDB Charts is a tool to create visual representations of your MongoDB data. Data visualization is a key component to providing a clear understanding of your data, highlighting correlations between variables and making it easy to discern patterns and trends within your dataset. MongoDB Charts lets you visualize your data in a simple, intuitive way.

MongoDB Charts Setup

From the MongoDB Atlas dashboard, go to the Charts tab. If you’ve never used Charts before, click the Activate Now button. This will take about 1 minute to complete.

You’ll see a new dashboard. Click the dashboard name to open it.

Creating a Chart

Create a new chart by clicking the Add Chart button. Visually creating a chart is intuitive. Select the data sources that you want to use.


In this example, we are using the “sample_mflix” database loaded from our sample data in the Intro to Aggregations section.

Under Data Source, select the Movies collection.

Let’s visualize how many movies were released in each year.

Drag the Year field to the Y Axis field and set the Bin Size to 1.

Drag the _id field to the X Axis field and make sure COUNT is selected for the Aggregate.

You should now see a bar chart with the number of movies released in each year.

Chart Types

Column and Bar Charts

Column and Bar Charts provide high-level overviews of data trends by comparing values within a specific category.

Stacked bar example

Line and Area Charts

Line and Area Charts display information as a series of data points connected by straight line segments.

Discrete area example

Combo Charts

Combo Charts offer a combined column and line view.

Combo chart example

Grid Charts


Heatmaps represent aggregated data in a tabular format as a range of colors.

Heatmap example

Scatter Charts

Scatter Charts plot data with individual data points placed along the X and Y axes.

Scatter chart example

Circular Charts

Donut Charts

Donut Charts display data in a series of segments of a circle, with larger segments representing larger data values. The entire circle represents the sum of all data values, and each segment indicates the proportion of each category in the data to the total.

Donut Chart Example

Gauge Charts

Gauge Charts display data as a percentage of a semicircle, with customizable minimum and maximum values. Optionally you may also specify a Target value, which renders as a heavy line within the gauge’s range.

Gauge Chart Example

Text Charts

Data Tables

Data Tables represent data in a tabular view, similar to a spreadsheet.

Data table example

Number Charts

Number Charts display a single aggregated value from a data field.

Number chart example

Word Clouds

Word Clouds visually represent text data, highlighting prevalent keywords and phrases.

Word cloud example

Top Item Charts

Top Item Charts display information from the document with the greatest or smallest value for a specified field.

Example Top Item Chart

Geospatial Charts

Geospatial Charts combine geospatial data with other forms of data to create map-based charts.

Geospatial heatmap example

Maximum Document Limit

The maximum number of documents a chart displays data from differs based on the chart type. The limit is enforced on the server using a $limit stage at the end of the pipeline.

Once this maximum limit is reached, there is no way to determine which documents from the total data set comprise the chart data. A warning message is displayed that specifies the query response limit for that particular chart type.

What are MongoDB Charts | Chart Types
Show Buttons
Hide Buttons