Docs Menu

Docs HomeMongoDB Charts

Build Charts

On this page

  • Create a Chart
  • Learn More

Charts provide visual representations of the data in your data source. A chart maps to a single data source, and can display correlations between several fields in the data. Charts reside inside dashboards. You must create a dashboard before you can begin building charts.

For a complete list of available chart types and how to build specific charts, refer to the Chart Types page.

1

From the Dashboards page, select the dashboard where you wish to add a new chart. For instructions on setting up a dashboard, see Dashboards.

2
3

In the Select Data Source modal that appears:

  1. Select a tab:

    • The Suggested tab shows suggestions based on the data sources you use in this dashboard.

    • The Project tab shows all of your connected deployments. Click on a deployment to expand it and show its data sources. You can search for a collection to narrow the results.

    • The Sample tab shows the sample data source and a preview of its data.

  2. Click the name of the deployment that contains the data source.

  3. Click the name of the database that contains the data source. The database's data sources appear.

    You can click on a data source's name to view a preview of its data.

Note

A data source won't display on the Select Data Source modal unless it is connected to Charts. Only a Project Owner can connect and disconnect data sources. All data sources in the project connect to Charts by default.

  1. Click Select on the data source.

If you close the Select Data Source modal, you can reopen it using the button under Data Source on the top left of the chart builder. The button says Select if you have not selected a data source, or it says the name of the currently selected data source.

4

In the Chart Type dropdown, select the type for this chart.

Note

Info

Each chart type provides different visualization options for the fields in your data, reflected by various encoding channels. These channels dictate how your data is visualized and enable powerful aggregations for your data. For details on the different encoding channel types, refer to the Encoding Channels page.

5

Drag fields from the Fields section to the desired encoding channels below the Chart Type dropdown. The fields listed correspond to the fields in your data source. You can search for a specific field in your data source by using the Filter search bar at the top of the Fields section.

Tip

See also:

For details on how MongoDB Charts handles embedded objects and embedded arrays in fields, see the Embedded Objects and Arrays page.

6

Give your chart a title by hovering over the Enter a title for your chart text clicking the Pencil Icon. Click the check mark to save your title.

7

Once you are satisfied with your chart, click Save Changes. This saves your chart to your dashboard and redirects you to the dashboard view.

Understand Encoding Channels
Understand the building blocks of MongoDB Charts.
Create a Multi-Series Chart
Visualize multiple data series in a single chart.
Visualize Embedded Objects and Arrays
Use a wide variety of built-in methods for handling embedded objects and arrays.
Reshape Your Data
Reshape and pre-process your data for greater flexibility over available fields.
Filter Chart Results
Filter your chart based on criteria you choose.
Bin, Sort, and Limit Your Data
Bin, sort, and limit data in your chart.
Customize Charts
Customize aspects of your chart such as color, axis labels, and number formatting.
View and Export Chart Data
View and export the data backing your chart in either CSV or JSON format.
Chart Building Reference
Supplemental reference material for building charts.
←  Create and Manage Charts ViewsUnderstand Encoding Channels →
Share Feedback
© 2023 MongoDB, Inc.

About

  • Careers
  • Investor Relations
  • Legal Notices
  • Privacy Notices
  • Security Information
  • Trust Center
© 2023 MongoDB, Inc.