plotly.py icon indicating copy to clipboard operation
plotly.py copied to clipboard

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

Open satheesh22g opened this issue 8 months ago • 3 comments

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

satheesh22g avatar Apr 25 '25 11:04 satheesh22g

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.

afafelwafi avatar Apr 25 '25 21:04 afafelwafi

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

srahabib avatar Apr 26 '25 18:04 srahabib

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.

satheesh22g avatar Apr 29 '25 09:04 satheesh22g