Docs Menu

Docs HomeMongoDB Charts

Geospatial Scatter Chart

On this page

  • Geospatial Scatter Chart Encoding Channels
  • Customization Options
  • Build a Geospatial Scatter Chart
  • Limitations

Geospatial scatter charts distribute data from a data source across geographical locations, and, optionally, color the data points based on the database field of your choice and scale the size of data points. The sample images in the next section demonstrate how to construct a geospatial scatter chart to locate the neighborhoods in NYC with the most rooms available at a specified price.

Geospatial scatter charts use the Coordinates, Color and Size encoding channels.

The Coordinates encoding channel defines the map area of geospatial charts. The image below distributes all of the instances of the location geopoint in the Sample AirBnB Listings Dataset. However, all of the circles are green and the same size since we have not yet specified fields for the Size and Color encoding channels.


Atlas provides several sample data sets for download.

See the Geopoint reference page for more information about what types of data you can use in this channel.

Geospatial scatter coordinates example

(Optional) The Color encoding channel changes the color of the data points to categorize the displayed geopoints by the value of the selected collection field. MongoDB Charts lists the colors used in a key to the right of the chart. In the image below, the property_type distributes the property types in NYC by color. The key to the right of the chart indicates green for guest suites and dark blue for apartments, for example. However, all of the circles are still the same size since we have not yet specified a field for the Size encoding channel.

Geospatial scatter color example

(Optional) The Size aggregation encoding channel changes the size of the data point markers, with larger sizes indicating larger aggregated values. The image below uses the mean of the weekly_price collection field to aggregate all instances of the geopoint that you chose for the Coordinates encoding channel. The key to right of the chart indicates the aggregation value for the different circle sizes.

Geospatial scatter size example


If no fields are encoded in the Size encoding channel, Charts displays all points with the same size.

(Optional) The Tooltip Detail encoding channel adds the value of the selected field to each data point's tooltip. To view a data point tooltip, hover over that point in the chart.

In addition to the Tooltip Detail field, the tooltip also shows other fields used to construct the chart.

For example, the following chart encodes the Summary field as a Tooltip Detail:

Geospatial scatter tooltip example

The following customization options are specific to geospatial scatter charts. For general customization options, see Customize Charts.

By default, geospatial charts show a map which includes all the data point markers in your specified collection. You can pan and zoom to change the map view, but if you close the chart and re-open it the map reverts to its default state. This behavior is controlled by the Automatically Set Viewport option.

When you toggle the Automatically Set Viewport switch to Off, the area and zoom level at which the map is saved becomes the new default view.


You can pan and zoom the map area in a chart on a dashboard, but these changes do not affect the default map view.

The Opacity level of a map modifies the degree to which the chart's map data shows through the data point markers.

Geospatial scatter charts default to 20%.

You can set the Stroke Thickness, measured in pixels, of the map's data point markers. The default is 2.

The color palette specifies the range of colors that corresponds to relative aggregated values in your map. Geospatial scatter charts use a discrete color picker.

To enable palette customization, toggle the Custom Color Palette switch in the General section.

For more information, see Color Palette Customization.

To create a geospatial scatter chart:

  1. On the Chart Builder, choose the data source for your chart.

  2. Select Geospatial from the Chart Type list.

  3. Select Scatter from the three available geospatial chart types.

  4. Drag a geopoint field from Fields to the Coordinates encoding channel.

    MongoDB Charts distributes the data from your MongoDB collection based on the values of the selected geopoint field.

  5. (Optional) Drag another collection field from the Fields to the Color encoding channel.

    MongoDB Charts colors the data points according to your selection.

  6. (Optional) Drag another collection field to the Size encoding channel.

    MongoDB Charts aggregates document fields with matching values in the data source.

  7. Click the pencil icon above the chart to give it name.

  8. Click Save and Close.

The maximum query response size for a geospatial scatter chart is 1000 documents.

←  Choropleth Chart Shape SchemesGeospatial Heatmap →
Give Feedback
© 2022 MongoDB, Inc.


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