Skip to content

Unable to change the color of symbols like "triangle" in scattermap trace #5153

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
satheesh22g opened this issue Apr 25, 2025 · 3 comments

Comments

@satheesh22g
Copy link

satheesh22g commented Apr 25, 2025

Description:

When using symbols like "triangle" (or other shapes) in a scattermap trace, I am unable to change the color of the symbol. Despite setting the marker color, the symbol color remains unchanged.

Steps to Reproduce:

  1. Create a scattermap trace with a symbol, such as a triangle.
  2. Set the marker parameter with a color.
  3. Notice that the symbol (triangle) color does not change as expected.

Expected Behavior:

The color of the symbol (e.g., triangle, square) should change according to the marker.color settings.

Actual Behavior:

The symbol does not change color when the marker.color is set, even though it should.

Code Snippet:

import plotly.graph_objs as go

fig = go.Figure(go.Scattermap(
    lat=[40.748817],
    lon=[-73.985428],
    mode='markers',
    marker=dict(size=14, symbol='triangle', color='red'),
    text="Sample Point"
))

fig.update_layout(
    map_style="open-street-map",
    map_center={"lat": 40.748817, "lon": -73.985428},
    map_zoom=10
)

fig.show()
Image
@afafelwafi
Copy link

afafelwafi commented Apr 25, 2025

I am experiencing the same issue, not only with the triangle symbol but also with the square (the circle symbol works fine). This problem does not occur when using go.Scatter; it only manifests when using Mapbox. I think the issue might be related to how Mapbox GL JS handles symbol rendering, possibly due to the way Mapbox’s internal sprite system processes the marker.symbol parameter in conjunction with Plotly's integration.

@srahabib
Copy link

I found this note in the plotly.graph_objects.Scattermap documentation:

Image

It seems that currently in scattermap, only the 'circle' symbol properly supports color and size customization. Other symbols like 'triangle', 'square', etc., don't yet allow changes to their fill color through marker.color.

Documentation link: https://plotly.com/python-api-reference/generated/plotly.graph_objects.Scattermap.html

@satheesh22g
Copy link
Author

I found this note in the plotly.graph_objects.Scattermap documentation:

Image

It seems that currently in scattermap, only the 'circle' symbol properly supports color and size customization. Other symbols like 'triangle', 'square', etc., don't yet allow changes to their fill color through marker.color.

Documentation link: https://plotly.com/python-api-reference/generated/plotly.graph_objects.Scattermap.html

you're right, since plotly uses Maki icons for symbols like triangles, their color and size can't be changed. But it would really help if they offered more triangle styles, like a white triangle with a black outline, the current solid black triangle looks messy when there are many points.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants