Quickly create custom marker and heatmap styles in Mapbox Studio

Guest

No items found.

Guest

July 21, 2021

Quickly create custom marker and heatmap styles in Mapbox Studio

Guest

No items found.

Guest

July 21, 2021

We’ve added two additional data visualization components in Mapbox Studio for all users -- Symbols and Heatmap. There is more detailed information on each of these below. With six data visualization components now available in Studio, we’ve also added the ability to change the order in which your data visualizations appear in a style.  For example, if you're trying to show a choropleth displaying vaccination rates per state, you can reorder the choropleth above the road network to reduce clutter on your map.

The Symbols component lets you quickly visualize your custom data with icons and labels in Studio, without requiring complex knowledge of Mapbox GL JS expressions or needing to work directly with a symbols layer.

Instead of configuring each layer property individually, the component’s smart styling algorithm selects a data field and creates a scale with values from your custom data. Each Symbols component can include up to seven different geometric Maki icons, which can be resized and recolored directly in Studio to fit your use case. Have a set of custom icons you would rather use instead? Simply select and replace the default icons with your own.


Add the Heatmap component to create and style a density visualization in a matter of seconds. The component smart-styles your data based on feature density, which you can style using the built-in colorblind-friendly palettes available in Studio. Resize the radius for each cluster or adjust the opacity using simple sliders in the component interface to create compelling visualizations of your point data.


Get started with data visualization in Mapbox Studio

Senior Map Designer Kelsey Taylor has created a style using three data visualization components that is available for all users to try. Cyclone visualizes all tropical cyclones in the Atlantic and East Pacific Oceans in 2020. Copy Cyclone to your Studio account to get started.


Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

response = requests.get(

  "https://api.mapbox.com/v4/mapbox.temperature-raster-tileset/tilequery/40,-105.json",

    params={

        "layers": "temperature,wind_speed",

        "bands": "1708304400,1708311600",

    },

Optional caption
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque euismod maximus porta. Pellentesque vitae augue elit. Nam semper eros leo, nec hendrerit nunc aliquet quis. Morbi ac sapien tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur porta imperdiet lorem, ut aliquet orci pellentesque quis. Donec magna augue, molestie aliquam enim eu, auctor feugiat metus."

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

No items found.
No items found.

Related articles